#wrap {
  background: url(/401k/specialty_dcmanga/data/img/ideco/bg-bottom.png) repeat-x center bottom, url(/401k/specialty_dcmanga/data/img/ideco/bg.png) repeat center top; }

.header {
  font-size:4rem;
  font-weight: bold;
  line-height: 1.2;
  color:#fff;
  margin-bottom:0.3em;
}
.simulator__head small {
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.4;
  color:#fff;
}
main.simulator {
  /**
    * Input: Text
    */ }
main.simulator .form-row__body,
main.result .simulator__content-input,
.result__container table td.td-bg {
  background-color: #F6FAFF;
}
main.simulator .text-symbol {
  color: #1183C0;
}
main.simulator .simulator__content-title:before {
  background-color: #1183C0;
}
main.simulator input[type="tel"],
main.simulator input[type="text"],
main.result .simulator__content-text,
.result__container table th,
.result__container table td{
  border-color: #1183C0; }
main.simulator input[type="tel"][readonly],
main.simulator input[type="text"][readonly] {
  background: #d0eaf7; }
main.simulator .select-wrap::after {
  border-color: #1183C0 transparent transparent transparent; }
main.simulator .select-wrap select {
  border-color: #1183C0; }
main.simulator .select-wrap select[readonly] {
  background: #d0eaf7; }
main.simulator .static-input {
  /*border-color: #169A65;*/
  /*background: #d0f8e8;*/
}
main.simulator__content h2 {
  color: #1183C0; }
.form-row__note {
  display: inline-block;
  margin-top:6px;
  font-weight: normal;
  font-size:1rem;
  color:#555;
  white-space: normal;
  line-height: 1.4;
}
.result__container table .bg td {
  background-color: #CDEAF7;
  color: #1183C0; }
.result__container table th {
  background-color: #CDEAF7; }

.result__container table td.txt-color {
  color: #1183C0; }

.result__container .baloon__icon {
  border-color: #1183C0; }

.result__container .baloon__content {
  border-color: #1183C0;
  color: #1183C0; }
.result__container .baloon__content::before {
  border-color: transparent #1183C0 transparent transparent; }
.arco-popover-content {
  background-color: rgba(17,131,192,.96);
  width:445px;
}
.arco-trigger .arco-trigger-arrow {
  border-color: rgba(17,131,192,.96) rgba(17,131,192,.96) transparent transparent;
}
.arco-popover-center {
  right:50% !important;
  transform:translateX(50%) !important;
}
.arco-popover-center .arco-trigger-arrow {
  right:50% !important;
  transform:translateX(50%) rotate(135deg) !important;
}

/* acro-trigger table */
.acro-trigger-table {
  border-collapse: collapse;
}
.acro-trigger-table th {
  font-weight: bold;
}
.acro-trigger-table th,
.acro-trigger-table td {
  border:1px solid #1183C0;
    padding: 4px;
    text-align: left;
    vertical-align: middle;
    color: #333;
    background:#fff;
    font-size:0.875rem;
}
.acro-trigger-table small {
    font-size: 0.9rem;
}

/* form button */
.form-button {
  display: inline-block;
  margin-top: 10px;
  padding: 4px 30px 4px 12px;
  border-radius:4px;
  color:#fff !important;
  font-weight: normal;
  background: #1183C0;
  font-size: 1rem;
  line-height: 1.4;
  position: relative;
  transition:0.2s ease all;
}
.form-button:after {
  content: '▲';
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(90deg);
  margin-left: 8px;
  font-size: 10px;
  line-height: 1;
}
.form-button:hover {
  background: #09689c;
}

/* link button */
.link-button {
  display: inline-block;
  margin-top: 10px;
  padding: 20px 40px 20px 20px;
  border-radius:8px;
  color:#fff !important;
  font-weight: bold;
  background: #1183C0;
  font-size: 1.5rem;
  line-height: 1.4;
  position: relative;
  transition:0.2s ease all;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7);
}
.link-button:after {
  content: '▲';
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(90deg);
  margin-left: 8px;
  font-size: 15px;
  line-height: 1;
}
.link-button:hover {
  background: #09689c;
}

/* help icon: (?) */
.help-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  border: 1px solid #1183C0;
  color: #1183C0;
  border-radius: 50%;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  cursor:pointer;
}
@media print {
  .result__container table th {
    background: none;
    color: #1183C0;
  }
}

@media screen and (max-width: 767px) {
  #wrap {
    background-size: 400px auto, auto auto;
  }
}

/*# sourceMappingURL=ideco.css.map */