@charset "UTF-8";

body {
  -webkit-print-color-adjust: exact;
  width: 210mm;
  color-adjust: exact;
}
@page{
  size: A4 portrait;
  width: 210mm;
}
.print #content{
  width: 210mm !important;
  margin: 0;
  padding: 0;
}
.simulation_styles{
  display: none;
}
.block-h2 {
  margin-top: 0;
}
#kariire,#karikae,#kuriage,header{
  width: 210mm !important;
}
.box-conversion {
  display: none;
}

#print-btn-list,
.step-title,
.mix-btn,
.left-content-title {
  display: none !important;
}

ol.step-wrapper,
.step-content,
.js-step  {
  height: auto !important;
  border: none !important;
}

.rate-list,
.result-rate1,
.result-rate2,
.result-rate-stepDown {
  display: none !important;
}

.graph {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  border-width: 16px 0 16px 0;
  border-style: solid;
}
.graph .graph {
  top: -16px;
}
.graph-list .graph-04 .graph-wrap > .graph > .graph::after {
  top: -16px;
}
.graph-list .graph-list-02 .graph-wrap .graph.graph-base {
  left: 75px;
  background: none;
  width: 266px !important;
  height: 28px !important;
  border: 2px dotted #2ebaef !important;
}
.graph-list .graph-list-02 .graph-wrap .graph.graph-base .graph {
  top: -2px;
  left: -2px;
}
.graph-list .graph-00 .graph-wrap > .graph {
  border-color: #aeb0b1;
}
.graph-list .graph-01 .graph-wrap > .graph {
  border-color: #219287;
}
.graph-list .graph-01 .graph-wrap > .graph > .graph {
  border-color: #40b1a6;
}
.graph-list .graph-02 .graph-wrap > .graph {
  border-color: #69b000;
}
.graph-list .graph-02 .graph-wrap > .graph > .graph {
  border-color: #78c800;
}
.graph-list .graph-03 .graph-wrap > .graph {
  border-color: #d7dce0;
}
.graph-list .graph-03 .graph-wrap > .graph > .graph {
  border-color: #00aaeb;
}
.graph-list .graph-04 .graph-wrap > .graph {
  border-color: #eee;
}
.graph-list .graph-04 .graph-wrap > .graph > .graph {
  border-color: #8edaf6;
}

#kuriage .graph-list.graph-list-term::before {
  content: none !important;
}