.l_section--scale .m_pageHeader {
  margin-bottom: 0;
}

.sysGuide_lead {
  margin-top: 30px;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .sysGuide_lead {
    width: 95%;
    margin: 25px auto 0;
    font-size: 14px;
    letter-spacing: normal;
  }
}
@media screen and (max-width: 350px) {
  .sysGuide_lead {
    font-size: 3.7vw;
  }
}


.sysGuide_scale_chart {
  position: relative;
  margin-top: 50px;
  padding-top: 90px;
}
.sysGuide_scale_chart + .sysGuide_scale_chart {
  margin-top: 50px;
}
.sysGuide_scale_chart_index {
  position: absolute;
  display: flex;
  width: 100%;
  height: calc(100% + 20px);
  top: 0;
  z-index: -1;
}
.sysGuide_scale_chart_index_itm {
  width: 100%;
  padding: 8px;
  background-color: #EFEFEF;
}
.sysGuide_scale_chart_index_itm + .sysGuide_scale_chart_index_itm {
  margin-left: 10px;
}
.sysGuide_scale_chart_index_itm:nth-child(1){
  width: 160px;
}
.sysGuide_scale_chart_index_itm:nth-child(2){
  width: 170px;
}
.sysGuide_scale_chart_index_itm:nth-child(3){
  width: 180px;
}
.sysGuide_scale_chart_index_itm:nth-child(4){
  width: 200px;
}
.sysGuide_scale_chart_index_itm:nth-child(5){
  width: 230px;
}
.sysGuide_scale_chart_index_itm > span {
  display: inline-block;
  width: 100%;
  padding: 11px 0;
  font-family: 'Roboto',"Yu Gothic", YuGothic, sans-serif;
  font-size: 24px;
  font-weight: bold;
  background-color: #fff;
  text-align: center;
  letter-spacing: 0.025em;
}
.sysGuide_scale_chart_index_itm span > span {
  display: inline-block;
  font-size: 16px;
}
.sysGuide_scale_chart_index_itm:last-child span > span {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .sysGuide_scale_chart_wrap {
    margin-top: 25px;
    padding: 10px 0;
    background-color: #EFEFEF;
  }
  .sysGuide_scale_chart {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #EFEFEF;
  }
  .sysGuide_scale_chart + .sysGuide_scale_chart {
    margin-top: 0;
    /* padding-top: 0; */
  }
  .sysGuide_scale_chart_index.sp {
    position: static;
    display: flex!important;
    flex-wrap: wrap;
    height: auto;
    margin: 25px auto 0;
    padding: 25px 2.5%;
    background-color: #EFF9F6;
  }
  .sysGuide_scale_chart_index .sysGuide_scale_chart_index_itm {
    width: 48%;
    margin-top: 15px;
    padding: 0;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  .sysGuide_scale_chart_index_itm:nth-child(2n) {
    margin-left: 4%;
  }
  .sysGuide_scale_chart_index_itm:nth-child(2n + 1) {
    margin-left: 0;
  }
  .sysGuide_scale_chart_index_itm:nth-child(1),
  .sysGuide_scale_chart_index_itm:nth-child(2) {
    margin-top: 0;
  }
  .sysGuide_scale_chart_index_itm > span {
    display: block;
    height: 100%;
    padding: 5px 0;
    color: #037566;
    font-weight: normal;
    border-radius: 6px;
  }
  .sysGuide_scale_chart_index_itm.all > span {
    background-color: #FFFFE4;
  }
  .sysGuide_scale_chart_index_itm.active > span {
    color: #fff;
    background-color: #037566;
  }
  .sysGuide_scale_chart_index_itm:nth-child(5) span > span,
  .sysGuide_scale_chart_index_itm:nth-child(6) span {
    font-size: 20px;
  }
  .sysGuide_scale_chart_index_itm:nth-child(6) span {
    padding: 7px 0 3px;
  }
}
@media screen and (max-width: 350px) {
  .sysGuide_scale_chart_index_itm > span {
    font-size: 6.4vw;
  }
  .sysGuide_scale_chart_index_itm span > span {
    font-size: 4.3vw;
  }
  .sysGuide_scale_chart_index_itm:nth-child(5) span > span,
  .sysGuide_scale_chart_index_itm:nth-child(6) span {
    font-size: 5.3vw;
  }
}



.sysGuide_scale_chart_cont {
  max-width: 964px;
  margin: auto;
  padding: 20px 12px;
  border: 3px solid #707070;
}
.sysGuide_scale_chart_cont + .sysGuide_scale_chart_cont {
  margin-top: 20px;
}
.sysGuide_scale_chart_ttl {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: normal;
}
.sysGuide_scale_chart_itm + .sysGuide_scale_chart_itm {
  margin-top: 20px;
}
.sysGuide_scale_chart_btn {
  background-color: #fff;
  border-radius: 17px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.sysGuide_scale_chart_btn a {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 80px;
  text-decoration: none;
  background-color: #fff;
  border-radius: 17px;
  transition: opacity .2s;
}
.sysGuide_scale_chart_btn a:hover {
  opacity: .6;
}
.sysGuide_scale_chart_btn a::before {
  content: '';
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  border-radius: 50%;
}
.sysGuide_scale_chart_btn a::after {
  content: '';
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 24px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sysGuide_scale_chart_itm_ttl {
  color: #333;
  font-size: 17px;
  font-weight: bold;
  text-align: left;
  line-height: 1.35;
  letter-spacing: normal;
}
.sysGuide_scale_chart_btn.sc04 .sysGuide_scale_chart_itm_ttl,
.sysGuide_scale_chart_btn.sc05 .sysGuide_scale_chart_itm_ttl {
  font-size: 18px;
}
.sysGuide_scale_chart_itm_img {
  line-height: 0;
}
.sysGuide_scale_chart_itm_img img {
  width: 100%;
  max-width: 100%;
}

.sysGuide_scale_chart_point {
  position: relative;
  display: inline-block;
  margin-top: 15px;
  margin-left: 10px;
  padding-left: 85px;
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  letter-spacing: normal;
  line-height: 1.3;
}
.sysGuide_scale_chart_point::before {
  content: '縺翫☆縺吶ａ\A繝昴う繝ｳ繝�';
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 67px;
  height: 64px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  padding-top: 2px;
  color: #fff;
  font-size: 11px;
  text-align: center;
  line-height: 1.45;
  white-space: pre;
  border-radius: 50%;
  z-index: 2;
}
.sysGuide_scale_chart_point::after {
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  left: 33px;
  bottom: 0;
  margin: auto;
  border-radius: 6px;
  -webkit-transform: rotate(-33deg) skewY(30deg) scaleX(.86666);
          transform: rotate(-33deg) skewY(30deg) scaleX(.86666);
  z-index: 1;
}


/* Common */
.sysGuide_scale_chart_btn.sc01 {
  width: 125px;
}
.sysGuide_scale_chart_btn.sc02 {
  width: 305px;
}
.sysGuide_scale_chart_btn.sc03 {
  width: 495px;
}
.sysGuide_scale_chart_btn.sc04 {
  width: 775px;
}
.sysGuide_scale_chart_btn.sc05 {
  width: 100%;
}

/* Leaf */
.sysGuide_scale_chart_itm.leaf {
  text-align: right;
}
.sysGuide_scale_chart_itm.leaf .sysGuide_scale_chart_itm_img {
  width: 57px;
  height: 38px;
  margin-left: 25px;
}
.sysGuide_scale_chart_itm.leaf .sysGuide_scale_chart_point {
  margin-right: 40px;
}
.sysGuide_scale_chart_itm.leaf .sysGuide_scale_chart_btn a::before,
.sysGuide_scale_chart_itm.leaf .sysGuide_scale_chart_point::before,
.sysGuide_scale_chart_itm.leaf .sysGuide_scale_chart_point::after {
  background: #1FC5AE;
}

/* Leaf Lightning */
.sysGuide_scale_chart_itm.lightning{
  text-align: right;
}
.sysGuide_scale_chart_itm.lightning .sysGuide_scale_chart_itm_img {
  width: 45px;
  height: 52px;
  margin-left: 35px;
}
.sysGuide_scale_chart_itm.lightning .sysGuide_scale_chart_point {
  margin-right: 70px;
}
.sysGuide_scale_chart_itm.lightning .sysGuide_scale_chart_btn a::before,
.sysGuide_scale_chart_itm.lightning .sysGuide_scale_chart_point::before,
.sysGuide_scale_chart_itm.lightning .sysGuide_scale_chart_point::after {
  background: #F8B500;
}

/* STUDIO */
.sysGuide_scale_chart_itm.studio .sysGuide_scale_chart_itm_img {
  width: 113px;
  height: 39px;
  margin-left: 45px;
}
.sysGuide_scale_chart_itm.studio .sysGuide_scale_chart_btn a::before,
.sysGuide_scale_chart_itm.studio .sysGuide_scale_chart_point::before,
.sysGuide_scale_chart_itm.studio .sysGuide_scale_chart_point::after {
  background: #E65D01;
}

/* Leaf in order */
.sysGuide_scale_chart_itm.inorder .sysGuide_scale_chart_itm_img {
  width: 51px;
  height: 39px;
  margin-left: 55px;
}
.sysGuide_scale_chart_itm.inorder .sysGuide_scale_chart_btn a::before,
.sysGuide_scale_chart_itm.inorder .sysGuide_scale_chart_point::before,
.sysGuide_scale_chart_itm.inorder .sysGuide_scale_chart_point::after {
  background: #E6012E;
}

/* Leaf Eva */
.sysGuide_scale_chart_itm.eva .sysGuide_scale_chart_itm_img {
  width: 168px;
  height: 26px;
}
.sysGuide_scale_chart_itm.eva .sysGuide_scale_chart_btn a::before,
.sysGuide_scale_chart_itm.eva .sysGuide_scale_chart_point::before,
.sysGuide_scale_chart_itm.eva .sysGuide_scale_chart_point::after {
  background: #02BBD4;
}

/* 莠ｺ莠玖ｩ穂ｾ｡繧ｷ繝ｼ繝�WEB蛹悶し繝ｼ繝薙せ */
.sysGuide_scale_chart_itm.eval {
  text-align: right;
}
.sysGuide_scale_chart_itm.eval .sysGuide_scale_chart_btn {
  margin-right: 0;
  margin-left: auto;
}
.sysGuide_scale_chart_itm.eval .sysGuide_scale_chart_itm_img {
  width: 57px;
  height: 38px;
  margin-left: 25px;
}
.sysGuide_scale_chart_itm.eval .sysGuide_scale_chart_point {
  margin-right: 70px;
}
.sysGuide_scale_chart_itm.eval .sysGuide_scale_chart_btn a::before,
.sysGuide_scale_chart_itm.eval .sysGuide_scale_chart_point::before,
.sysGuide_scale_chart_itm.eval .sysGuide_scale_chart_point::after {
  background: #4260AD;
}

/* 繧ｹ繝医Ξ繧ｹ繝√ぉ繝�け謾ｯ謠ｴ繧ｵ繝ｼ繝薙せ */
.sysGuide_scale_chart_itm.stress {
  text-align: right;
}
.sysGuide_scale_chart_itm.stress .sysGuide_scale_chart_btn {
  margin-right: 0;
  margin-left: auto;
}
.sysGuide_scale_chart_itm.stress .sysGuide_scale_chart_itm_img {
  width: 37px;
  height: 46px;
  margin-left: 25px;
}
.sysGuide_scale_chart_itm.stress .sysGuide_scale_chart_point {
  margin-right: 70px;
}
.sysGuide_scale_chart_itm.stress .sysGuide_scale_chart_btn a::before,
.sysGuide_scale_chart_itm.stress .sysGuide_scale_chart_point::before,
.sysGuide_scale_chart_itm.stress .sysGuide_scale_chart_point::after {
  background: #E6387B;
}

/* Leaf Wellness */
.sysGuide_scale_chart_itm.wellness .sysGuide_scale_chart_itm_img {
  width: 44px;
  height: 48px;
  margin-left: 40px;
}
.sysGuide_scale_chart_itm.wellness .sysGuide_scale_chart_btn a::before,
.sysGuide_scale_chart_itm.wellness .sysGuide_scale_chart_point::before,
.sysGuide_scale_chart_itm.wellness .sysGuide_scale_chart_point::after {
  background: #FF7373;
}


@media screen and (max-width: 768px) {
  .sysGuide_scale_chart_cont {
    width: 95%;
    padding: 20px 2.5%;
  }
  .sysGuide_scale_chart_ttl {
    margin-bottom: 20px;
  }
  .sysGuide_scale_chart_itm + .sysGuide_scale_chart_itm {
    margin-top: 25px;
  }
  .sysGuide_scale_chart_itm *.sysGuide_scale_chart_btn {
    width: 100%;
  }
  .sysGuide_scale_chart_btn a {
    flex-direction: column;
    height: auto;
    padding: 15px;
  }
  .sysGuide_scale_chart_itm_ttl {
    display: block;
    width: 100%;
    margin-top: 15px;
    font-size: 18px;
    text-align: center;
    line-height: 1.6;
    order: 2;
  }
  .sysGuide_scale_chart_itm .sysGuide_scale_chart_btn a *.sysGuide_scale_chart_itm_img {
    display: flex;
    align-items: center;
    width: auto;
    height: 70px;
    margin: 0 auto;
    order: 1;
  }
  .sysGuide_scale_chart_itm .sysGuide_scale_chart_itm_img img {
    width: auto;
    height: 100%;
    margin: auto;
  }

  .sysGuide_scale_chart_point {
    display: block;
    margin-top: 0;
    margin-left: 0;
    padding-top: 60px;
    padding-left: 0;
  }
  .sysGuide_scale_chart_point::before {
    content: '縺翫☆縺吶ａ繝昴う繝ｳ繝�';
    display: inline-block;
    width: auto;
    height: auto;
    top: 15px;
    bottom: auto;
    padding: 4px 10px 2px;
    font-size: 13px;
    background-color: #fff!important;
    border-radius: 14px;
    border: 2px solid transparent;
  }
  .sysGuide_scale_chart_point::after {
    content: '';
    width: 16px;
    height: 16px;
    left: 15px;
    top: 26px;
    bottom: auto;
    margin: auto;
    background-color: #fff!important;
    border: 2px solid transparent;
    border-radius: 4px;
    -webkit-transform: rotate(45deg) skew(10deg,10deg) scaleX(1);
            transform: rotate(45deg) skew(10deg,10deg) scaleX(1);
  }
  .sysGuide_scale_chart_point > .tri {
    position: absolute;
    width: 0;
    height: 0;
    left: 18px;
    top: 40px;
    border-style: solid;
    border-width: 8px 7px 0 7px;
    border-color: #fff transparent transparent transparent;
    z-index: 3;
  }

  /* Leaf */
  .sysGuide_scale_chart_itm.leaf .sysGuide_scale_chart_itm_img img {
    height: 56px;
  }
  .sysGuide_scale_chart_itm.leaf .sysGuide_scale_chart_point {
    margin-right: 0;
  }
  .sysGuide_scale_chart_itm.leaf .sysGuide_scale_chart_point::before,
  .sysGuide_scale_chart_itm.leaf .sysGuide_scale_chart_point::after {
    color: #1FC5AE;
    border-color: #1FC5AE;
  }

  /* Leaf Lightning */
  .sysGuide_scale_chart_itm.lightning .sysGuide_scale_chart_point::before,
  .sysGuide_scale_chart_itm.lightning .sysGuide_scale_chart_point::after {
    color: #F8B500;
    border-color: #F8B500;
  }

  /* STUDIO */
  .sysGuide_scale_chart_itm.studio .sysGuide_scale_chart_itm_img img {
    height: 53px;
  }
  .sysGuide_scale_chart_itm.studio .sysGuide_scale_chart_point::before,
  .sysGuide_scale_chart_itm.studio .sysGuide_scale_chart_point::after {
    color: #E65D01;
    border-color: #E65D01;
  }

  /* Leaf in order */
  .sysGuide_scale_chart_itm.inorder .sysGuide_scale_chart_point::before,
  .sysGuide_scale_chart_itm.inorder .sysGuide_scale_chart_point::after {
    color: #E6012E;
    border-color: #E6012E;
  }

  /* Leaf Eva */
  .sysGuide_scale_chart_itm.eva .sysGuide_scale_chart_itm_img img {
    height: 32px;
  }
  .sysGuide_scale_chart_itm.eva .sysGuide_scale_chart_point::before,
  .sysGuide_scale_chart_itm.eva .sysGuide_scale_chart_point::after {
    color: #02BBD4;
    border-color: #02BBD4;
  }

  /* 莠ｺ莠玖ｩ穂ｾ｡繧ｷ繝ｼ繝�WEB蛹悶し繝ｼ繝薙せ */
  .sysGuide_scale_chart_itm.eval .sysGuide_scale_chart_point {
    margin-right: 0;
  }
  .sysGuide_scale_chart_itm.eval .sysGuide_scale_chart_point::before,
  .sysGuide_scale_chart_itm.eval .sysGuide_scale_chart_point::after {
    color: #4260AD;
    border-color: #4260AD;
  }

  /* 繧ｹ繝医Ξ繧ｹ繝√ぉ繝�け謾ｯ謠ｴ繧ｵ繝ｼ繝薙せ */
  .sysGuide_scale_chart_itm.stress .sysGuide_scale_chart_point {
    margin-right: 0;
  }
  .sysGuide_scale_chart_itm.stress .sysGuide_scale_chart_point::before,
  .sysGuide_scale_chart_itm.stress .sysGuide_scale_chart_point::after {
    color: #E6387B;
    border-color: #E6387B;
  }

  /* Leaf Wellness */
  .sysGuide_scale_chart_itm.wellness .sysGuide_scale_chart_point::before,
  .sysGuide_scale_chart_itm.wellness .sysGuide_scale_chart_point::after {
    color: #FF7373;
    border-color: #FF7373;
  }
}

@media screen and (max-width: 350px) {
  .sysGuide_scale_chart_ttl,
  .sysGuide_scale_chart_itm_ttl,
  .sysGuide_scale_chart_btn.sc04 .sysGuide_scale_chart_itm_ttl,
  .sysGuide_scale_chart_btn.sc05 .sysGuide_scale_chart_itm_ttl {
    font-size: 4.8vw;
  }
  .sysGuide_scale_chart_btn a {
    padding: 15px 40px 15px 15px;
  }
  .sysGuide_scale_chart_btn a::before {
    right: 10px;
  }
  .sysGuide_scale_chart_btn a::after {
    right: 19px;
  }
  .sysGuide_scale_chart_point {
    font-size: 12px;
  }
  .sysGuide_scale_chart_point::before {
    font-size: 10px;
  }
  .sysGuide_scale_chart_point::after {
    width: 12px;
    height: 12px;
    left: 12px;
    top: 26px;
  }
  .sysGuide_scale_chart_point > .tri {
    left: 15px;
    top: 37px;
    border-width: 6px 5px 0 5px;
  }

  .sysGuide_scale_chart_itm .sysGuide_scale_chart_btn a *.sysGuide_scale_chart_itm_img {
    height: 18.6vw;
  }

  /* Leaf */
  .sysGuide_scale_chart_itm.leaf .sysGuide_scale_chart_itm_img img {
    height: 14.9vw;
  }

  /* STUDIO */
  .sysGuide_scale_chart_itm.studio .sysGuide_scale_chart_itm_img img {
    height: 14.1vw;
  }

  /* Leaf Eva */
  .sysGuide_scale_chart_itm.eva .sysGuide_scale_chart_itm_img img {
    height: 8.5vw;
  }
}