<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* main.css custom */
.tab2 {
}

a.tab2_inner {	
height: 54px;	
width: 265px;	
display: table-cell;	
vertical-align: middle;	
}

.tab2_tabs li {
  vertical-align: middle;
}

.tab2_tabs li.is-active2:before {
  height: auto;
}

.title9_mainLabel.is-type1 {
  font-size: 16px;
  line-height: 1.5;
  padding-top: 0.3em;
  display: inline-block;
}

/* add style */
.btnAreaHowto1 {
  width: 200px;
  padding-left: 20px !important;
}

.is-type-btnHowto1 {
  letter-spacing: 0 !important;
  font-size: 15px !important;
}

a.btn.is-type-normal.is-type-btnHowto1 i {
  right: 10px;
}

.wrap__ColorCoded1 {
  overflow: hidden;
  margin: 20px auto;
  width: 400px;
}

.list__ColorCoded1 {
  width: 200px;
  margin: 0;
}

.list__ColorCoded1 li {
  width: 200px;
}

.list__ColorCoded1Txt1 {
  width: 110px;
  display: inline-block;
}

.list__Omr1 {
  width: 450px;
  margin-left: 40px;
  counter-reset: li;
}

.list__Omr1 li {
  position: relative;
  list-style-position: outside;
  margin-bottom: 10px;
}

.list__Omr1 li:before {
  content: counter(li);
  counter-increment: li;
  background: #003f97;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  top: -1px;
  left: -24px;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  line-height: 22px;
}

.is-ico {
  display: inline-block;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border: 1px solid #999;
  padding: 7px;
  font-size: 13px;
  width: 15px;
  height: 15px;
}

.is-icoBlue1 {
  background: #003f97;
}

.is-icoRed1 {
  background: #c00;
}

.is-icoWhite1 {
  background: #fff;
  color: #666;
}

</pre></body></html>