#contents .header {
  background: #004288;
}
#contents .header__inner {
  position: relative;
  padding: 10px 0 15px 0;
}
@media screen and (max-width: 767px) {
  #contents .header__inner {
    padding: 2vw 5.3333333333vw;
  }
}
#contents .header__logo {
  width: 280px;
}
@media screen and (max-width: 767px) {
  #contents .header__logo {
    width: 42.3880597015%;
  }
}
#contents .header__anchor {
  display: flex;
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 295px;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  #contents .header__anchor {
    top: 10.6666666667vw;
    left: 50%;
    width: 100%;
    padding: 0 2.6666666667%;
    transform: translate(-50%, 0);
  }
}
#contents .header__anchor--item {
  position: relative;
}
#contents .header__anchor--item.active a {
  border: 1px solid transparent;
  background-color: #1cdbf5;
  color: #002347;
  pointer-events: none;
}
#contents .header__anchor--item.active a::after {
  border-top: 2px solid #002347;
  border-right: 2px solid #002347;
  content: "";
  transform: translateY(-70%) rotate(135deg);
}
#contents .header__anchor--item.soon a {
  pointer-events: none;
}
#contents .header__anchor--item.soon a::after {
  display: none;
}
#contents .header__anchor--item + .header__anchor--item {
  margin-left: 36px;
}
@media screen and (max-width: 767px) {
  #contents .header__anchor--item + .header__anchor--item {
    margin-left: 5.8666666667vw;
  }
}
#contents .header__anchor--item + .header__anchor--item::before, #contents .header__anchor--item + .header__anchor--item::after {
  display: block;
  position: absolute;
  top: 50%;
  left: -18px;
  width: 2px;
  height: 25px;
  background-color: #ffffff;
  content: "";
  transform-origin: top;
}
@media screen and (max-width: 767px) {
  #contents .header__anchor--item + .header__anchor--item::before, #contents .header__anchor--item + .header__anchor--item::after {
    left: -2.9333333333vw;
    width: 0.2666666667vw;
    height: 4.5333333333vw;
  }
}
#contents .header__anchor--item + .header__anchor--item::before {
  transform: rotate(45deg) translateY(-50%);
}
#contents .header__anchor--item + .header__anchor--item::after {
  transform: rotate(-45deg) translateY(-50%);
}
#contents .header__anchor--item a {
  display: block;
  position: relative;
  padding: 5px 35px 8px 35px;
  border: 1px solid #ffffff;
  border-radius: 100px;
  background-color: #004288;
  color: #ffffff;
  font-family: "Noto Serif JP", serif;
  font-size: 19px;
  line-height: 1;
  transition: background-color 0.2s, color 0.2s, border 0.2s;
}
@media screen and (max-width: 767px) {
  #contents .header__anchor--item a {
    padding: 0.6666666667vw 4vw 1.0666666667vw 4vw;
    font-size: 3.2vw;
  }
}
#contents .header__anchor--item a:hover {
  border: 1px solid transparent;
  background-color: #1cdbf5;
  opacity: 1;
  color: #002347;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s, border 0.2s;
}
#contents .header__anchor--item a:hover::after {
  border-top: 2px solid #002347;
  border-right: 2px solid #002347;
  content: "";
  transition: border 0.2s;
}
#contents .header__anchor--item a::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  content: "";
  transition: border 0.2s;
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  #contents .header__anchor--item a::after {
    right: 2vw;
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }
}

main .mv {
  background-color: #004288;
}
main .mv__inner {
  position: relative;
  width: 1240px;
  margin: 0 auto;
  padding-bottom: 10px;
  background: url(/products/bizprinter/smartcharge/save-energy/images/bg-mv-cut.png) no-repeat right bottom;
  background-size: 520px;
}
@media screen and (max-width: 767px) {
  main .mv__inner {
    width: 100%;
    padding-bottom: 1.3333333333vw;
    background: url(/products/bizprinter/smartcharge/save-energy/images/bg-mv-cut-sp.png) no-repeat right bottom;
    background-size: 50.1333333333%;
  }
}
main .mv__img {
  position: relative;
  z-index: 1;
  width: 655px;
  margin-left: -180px;
}
@media screen and (max-width: 767px) {
  main .mv__img {
    width: 50.1333333333%;
    margin-left: 0;
  }
}
main .mv__title {
  position: absolute;
  z-index: 2;
  top: 28px;
  left: 124px;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  main .mv__title {
    top: 16vw;
    left: 2.6666666667vw;
  }
}
@media screen and (max-width: 476px) {
  main .mv__title {
    top: 12vw;
  }
}
main .mv__title span, main .mv__title small, main .mv__title strong {
  display: inline-block;
  line-height: 1;
}
main .mv__title > .lead {
  font-family: "Noto Serif JP", serif;
  font-size: 27px;
}
@media screen and (max-width: 767px) {
  main .mv__title > .lead {
    font-size: 3.7333333333vw;
  }
}
main .mv__title > strong {
  margin-top: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 43px;
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  main .mv__title > strong {
    font-size: 6vw;
  }
}
main .mv__title > strong > small {
  font-family: "Noto Serif JP", serif;
  font-size: 43px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  main .mv__title > strong > small {
    font-size: 6vw;
  }
}
main .mv__title > strong > .bg {
  position: relative;
  padding: 2px 6px 4px 6px;
}
@media screen and (max-width: 767px) {
  main .mv__title > strong > .bg {
    padding: 0 0.8vw 0.8vw 0.8vw;
  }
}
main .mv__title > strong > .bg::after {
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 90%;
  height: 100%;
  background-color: #ffffff;
  content: "";
  transform: translateY(-50%);
}
main .mv__title > strong > .bg > span {
  position: relative;
  z-index: 2;
  color: #004288;
}
main .mv__title > .cut {
  margin-top: 10px;
  padding: 0 10px 8px 10px;
  border: 1px solid #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 30px;
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  main .mv__title > .cut {
    padding: 0 0.9333333333vw 1.0666666667vw 0.9333333333vw;
    font-size: 4.2666666667vw;
  }
}
main .mv__title > .cut > small {
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  main .mv__title > .cut > small {
    font-size: 2.8vw;
  }
}
main .mv__title > .cut > strong {
  font-size: 47px;
}
@media screen and (max-width: 767px) {
  main .mv__title > .cut > strong {
    font-size: 6.6666666667vw;
  }
}
main .mv__title > .cut > span {
  position: relative;
  font-weight: 400;
}
main .mv__title > .cut > span sup {
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  font-size: 13px;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  main .mv__title > .cut > span sup {
    font-size: 1.7333333333vw;
  }
}
main .mv__cut {
  position: absolute;
  z-index: 3;
  right: 138px;
  bottom: -40px;
  width: 378px;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  main .mv__cut {
    right: 0;
    bottom: -23.661971831%;
    width: 53.3333333333%;
  }
}
main > .lead {
  margin-top: 23px;
}
@media screen and (max-width: 767px) {
  main > .lead {
    margin-top: 12vw;
  }
}
main > .lead .lead__text {
  color: #004288;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6470588235;
}
@media screen and (max-width: 767px) {
  main > .lead .lead__text {
    font-size: 3.2vw;
  }
}
main > .head {
  margin-top: 85px;
}
@media screen and (max-width: 767px) {
  main > .head {
    margin-top: 14vw;
  }
}
main > .head .head__inner {
  position: relative;
  width: 1240px;
  margin: 0 auto;
  padding: 70px 0 20px 0;
}
@media screen and (max-width: 767px) {
  main > .head .head__inner {
    width: 100%;
    padding-top: 15vw;
  }
}
main > .head .head__inner:before {
  display: block;
  position: absolute;
  top: -2px;
  width: 100%;
  height: 5px;
  background-color: #004288;
  content: "";
}
@media screen and (max-width: 767px) {
  main > .head .head__inner:before {
    top: 0;
    width: 95%;
    height: 0.6666666667vw;
    transform: translateX(2.5vw);
  }
}
main > .head .head__title {
  position: absolute;
  top: -48px;
  left: 50%;
  width: 512px;
  border-right: 10px solid #ffffff;
  border-left: 10px solid #ffffff;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  main > .head .head__title {
    margin-bottom: 0;
    top: -6.4vw;
    width: 72.1126760563%;
    border-right: 1.3333333333vw solid #ffffff;
    border-left: 1.3333333333vw solid #ffffff;
  }
}
main > .head .head__title > span {
  display: block;
  margin: 0 auto;
  padding: 12px 0 14px 0;
  background-color: #004288;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  line-height: 1.4545454545;
}
@media screen and (max-width: 767px) {
  main > .head .head__title > span {
    padding: 1.6vw 0 1.8666666667vw 0;
    font-size: 3.2vw;
  }
}
main > .head .head__lead {
  color: #004288;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  line-height: 1.6470588235;
}
@media screen and (max-width: 767px) {
  main > .head .head__lead {
    margin: -5vw 0 0 0;
    font-size: 3.2vw;
    line-height: 1.6666666667;
  }
}
main .lineup {
  margin-top: 23px;
  background-color: #004288;
}
@media screen and (max-width: 767px) {
  main .lineup {
    margin-top: 2.6666666667vw;
  }
}
main .lineup__inner {
  position: relative;
  width: 870px;
  margin: 0 auto;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  main .lineup__inner {
    width: 76%;
  }
}
main .lineup__inner::before, main .lineup__inner::after {
  display: block;
  position: absolute;
  top: 0;
  width: 14px;
  height: 100%;
  background-color: #ffffff;
  content: "";
}
@media screen and (max-width: 767px) {
  main .lineup__inner::before, main .lineup__inner::after {
    width: 2.6666666667vw;
  }
}
main .lineup__inner::before {
  left: -14px;
}
@media screen and (max-width: 767px) {
  main .lineup__inner::before {
    left: -2.6666666667vw;
  }
}
main .lineup__inner::after {
  right: -14px;
}
@media screen and (max-width: 767px) {
  main .lineup__inner::after {
    right: -2.6666666667vw;
  }
}
main .lineup__title {
  padding: 6px 12px;
  background-color: #004288;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  main .lineup__title {
    padding: 0.6666666667vw 0;
    font-size: 3.0666666667vw;
    text-align: center;
  }
}
main .lineup__list {
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
}
@media screen and (max-width: 767px) {
  main .lineup__list {
    flex-wrap: wrap;
    margin-top: 2.4vw;
  }
}
main .lineup__item {
  width: 208px;
  height: 204px;
  background: url(/products/bizprinter/smartcharge/index/images/bg-lineup-item-on.png) no-repeat center center;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  main .lineup__item {
    width: 48.4210526316%;
    height: 48.7719298246%;
  }
}
@media screen and (max-width: 767px) {
  main .lineup__item:nth-child(n+3) {
    margin-top: 5.3333333333vw;
  }
}
main .lineup__item a {
  display: block;
  position: relative;
}
main .lineup__item a:hover {
  opacity: 1;
}
main .lineup__item a:hover .lineup__item--bg {
  opacity: 0;
  transition: opacity 0.2s;
}
main .lineup__item a:hover .lineup__item--name {
  color: #004288;
  transition: color 0.2s;
}
main .lineup__item a:hover .lineup__item--name::after {
  background: url(/products/bizprinter/smartcharge/index/common/images/ps-link-arrow-hover.svg) no-repeat center center;
  background-size: 100%;
  transition: background 0.2s;
}
main .lineup__item a:hover .lineup__item--img {
  transition: transform 0.2s;
  transform: translateX(-50%) scale(1.25);
}
@media screen and (max-width: 767px) {
  main .lineup__item a:hover .lineup__item--img {
    transform: translateX(-50%) scale(1.1);
  }
}
main .lineup__item--bg {
  transition: opacity 0.2s;
}
main .lineup__item--name {
  position: absolute;
  top: 8px;
  left: 50%;
  margin-left: -10px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  transition: color 0.2s;
  transform: translateX(-50%);
  line-height: 1.8181818182;
}
@media screen and (max-width: 767px) {
  main .lineup__item--name {
    top: 2.4vw;
    font-size: 2.6666666667vw;
  }
}
main .lineup__item--name::after {
  display: block;
  position: absolute;
  top: 8px;
  right: -22px;
  width: 16px;
  height: 14px;
  background: url(/products/bizprinter/smartcharge/index/common/images/ps-link-arrow.svg) no-repeat center center;
  background-size: 100%;
  content: "";
  transition: background 0.2s;
}
@media screen and (max-width: 767px) {
  main .lineup__item--name::after {
    top: 1.4666666667vw;
    right: -3.3333333333vw;
    width: 2.6666666667vw;
    height: 2.2666666667vw;
  }
}
main .lineup__item--name span {
  display: block;
  font-size: 10px;
}
@media screen and (max-width: 767px) {
  main .lineup__item--name span {
    font-size: 1.8666666667vw;
  }
}
main .lineup__item--img {
  position: absolute;
  bottom: -13px;
  left: 50%;
  width: 144px;
  transition: transform 0.2s;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  main .lineup__item--img {
    bottom: -2.4vw;
    width: 27.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  main .graph {
    margin-top: 6vw;
  }
}
main .graph__inner {
  position: relative;
  width: 1240px;
  margin: 40px auto 0 auto;
  padding: 0 0 0 124px;
}
@media screen and (max-width: 767px) {
  main .graph__inner {
    width: 100%;
    height: auto;
    margin-top: 0;
    padding: 0 6.9333333333vw 0 6.9333333333vw;
  }
}
main .graph .graph__title {
  top: 0;
  margin-bottom: 48px;
}
main .graph .graph__title > span {
  display: block;
  margin: 0 auto;
  padding: 12px 0 14px 0;
  background-color: #004288;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  line-height: 1.4545454545;
}
@media screen and (max-width: 767px) {
  main .graph .graph__title > span {
    padding: 1.6vw 0 1.8666666667vw 0;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  main .graph .graph__title {
    margin-bottom: 10vw;
  }
}
main .graph__img {
  width: 470px;
}
@media screen and (max-width: 767px) {
  main .graph__img {
    position: relative;
    width: 68.4210526316%;
  }
}
main .graph ul {
  position: relative;
}
@media screen and (max-width: 767px) {
  main .graph ul {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
main .graph li {
  display: inline-block;
  color: #004288;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}
main .graph li span {
  display: block;
  transform: translateX(-3px);
}
main .graph__item1 {
  position: absolute;
  top: -430px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 29px;
}
@media screen and (max-width: 767px) {
  main .graph__item1 {
    top: -3.2vw;
    left: -0.9333333333vw;
    font-size: 3.7333333333vw;
  }
}
main .graph__item1 span {
  font-size: 18.4px;
}
@media screen and (max-width: 767px) {
  main .graph__item1 span {
    font-size: 3.2vw;
  }
}
main .graph__item1 small {
  font-size: 21px;
}
@media screen and (max-width: 767px) {
  main .graph__item1 small {
    font-size: 3.2vw;
  }
}
main .graph__item2 {
  position: absolute;
  top: -45px;
  left: -10px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 29px;
}
@media screen and (max-width: 767px) {
  main .graph__item2 {
    top: auto;
    bottom: -1.0666666667vw;
    left: -2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
main .graph__item2 span {
  font-size: 18.4px;
}
@media screen and (max-width: 767px) {
  main .graph__item2 span {
    font-size: 3.2vw;
  }
}
main .graph__item2 small {
  font-size: 21px;
}
@media screen and (max-width: 767px) {
  main .graph__item2 small {
    font-size: 3.2vw;
  }
}
main .graph__item3 {
  position: absolute;
  top: -80px;
  right: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 29px;
}
@media screen and (max-width: 767px) {
  main .graph__item3 {
    top: auto;
    right: -6vw;
    bottom: 4.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
main .graph__item3 span {
  font-size: 18.4px;
}
@media screen and (max-width: 767px) {
  main .graph__item3 span {
    font-size: 3.2vw;
  }
}
main .graph__item3 small {
  font-size: 21px;
}
@media screen and (max-width: 767px) {
  main .graph__item3 small {
    font-size: 3.2vw;
  }
}
main .graph__item4 {
  position: absolute;
  top: -350px;
  right: -10px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  main .graph__item4 {
    top: 3.3333333333vw;
    right: -11.3333333333vw;
    font-size: 3.7333333333vw;
  }
}
main .graph__item4 span {
  font-size: 14.2px;
}
@media screen and (max-width: 767px) {
  main .graph__item4 span {
    font-size: 3.2vw;
  }
}
main .graph__item4 small {
  font-size: 17.6px;
}
@media screen and (max-width: 767px) {
  main .graph__item4 small {
    font-size: 3.2vw;
  }
}
main .graph__item5 {
  position: absolute;
  top: -420px;
  right: 90px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  main .graph__item5 {
    top: -5.6vw;
    right: 9.0666666667vw;
    font-size: 3.7333333333vw;
  }
}
main .graph__item5 span {
  font-size: 14.2px;
}
@media screen and (max-width: 767px) {
  main .graph__item5 span {
    font-size: 3.2vw;
  }
}
main .graph__item5 small {
  font-size: 17.6px;
}
@media screen and (max-width: 767px) {
  main .graph__item5 small {
    font-size: 3.2vw;
  }
}
main .graph__item6 {
  position: absolute;
  right: 178px;
  bottom: 132px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  line-height: 1.5 !important;
}
@media screen and (max-width: 767px) {
  main .graph__item6 {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 46%;
    font-size: 3.2vw;
    line-height: 1.25 !important;
    white-space: nowrap;
    letter-spacing: -0.1em;
    transform: translate(-50%, -50%);
  }
}
main .graph__item6 span {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  main .graph__item6 span {
    margin-top: 0.4vw;
    font-size: 3.2vw;
  }
}
main .graph__item6 a {
  color: #004288;
  text-decoration: underline;
}
main .graph__item6 a:hover {
  color: #ff3300;
}
main .graph__lead {
  position: absolute;
  top: 138px;
  left: 614px;
  color: #004288;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.6363636364;
}
@media screen and (max-width: 767px) {
  main .graph__lead {
    position: static;
    margin-top: 3vw;
    font-size: 3.4666666667vw;
    text-align: center;
  }
}
main .graph__lead > span {
  display: inline-block;
  padding: 1px 4px 3px 4px;
  background-color: #ffff00;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  main .graph__lead > span {
    padding: 0.1333333333vw 0.5333333333vw 0.4vw 0.5333333333vw;
  }
}
main .graph__lead p {
  font-size: 22px;
}
@media screen and (max-width: 767px) {
  main .graph__lead p {
    position: absolute;
    width: 27%;
    font-size: 3.2vw;
    text-align: left;
    line-height: 1.3;
    transform: translate(62vw, -42vw);
  }
}
main .graph__lead p span {
  font-size: 31px;
  letter-spacing: 1.2px;
}
@media screen and (max-width: 767px) {
  main .graph__lead p span {
    font-size: 4.1333333333vw;
    letter-spacing: 0.8px;
  }
}
main .graph__lead p span strong {
  margin-right: 5px;
  font-size: 69px;
  line-height: 1;
  letter-spacing: -0.07em;
}
@media screen and (max-width: 767px) {
  main .graph__lead p span strong {
    margin-right: 0.6666666667vw;
    font-size: 9.2vw;
    letter-spacing: -0.05em;
  }
}
main .graph__lead p span small {
  font-size: 43px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  main .graph__lead p span small {
    font-size: 5.7333333333vw;
  }
}
main .article {
  margin-top: 56px;
  padding: 62px 0 120px 0;
  background-color: #004288;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 767px) {
  main .article {
    overflow: hidden;
    margin-top: 6vw;
    padding: 4.5333333333vw 2.6666666667vw 7.2vw 2.6666666667vw;
  }
}
main .article__inner {
  width: 1240px;
  margin: 0 auto;
  padding: 0 125px;
}
@media screen and (max-width: 767px) {
  main .article__inner {
    width: 100%;
    padding: 0;
  }
}
main .article__title {
  color: #ffffff;
  font-size: 29px;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  main .article__title {
    font-size: 3.8666666667vw;
  }
}
main .article__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  margin-top: 62px;
}
@media screen and (max-width: 767px) {
  main .article__list {
    margin-top: 4.6666666667vw;
  }
}
main .article__list--left {
  padding-left: 336px;
}
@media screen and (max-width: 767px) {
  main .article__list--left {
    padding-left: 0;
  }
}
main .article__item {
  width: 320px;
}
@media screen and (max-width: 767px) {
  main .article__item {
    width: 48.7323943662%;
  }
}
main .article__item a {
  display: block;
  position: relative;
  width: 369px;
  margin: -17px -32px -32px -17px;
  color: #004288;
}
@media screen and (max-width: 767px) {
  main .article__item a {
    width: 115.6069364162%;
    margin: -5.2023121387% -10.4046242775% -10.4046242775% -5.2023121387%;
  }
}
main .article__item a::after {
  display: block;
  position: absolute;
  right: 48px;
  bottom: 44px;
  width: 18px;
  height: 16px;
  background: url(/products/bizprinter/smartcharge/index/common/images/ps-link-arrow-hover.svg) no-repeat center center;
  background-size: 100%;
  content: "";
}
@media screen and (max-width: 767px) {
  main .article__item a::after {
    right: 6.9333333333vw;
    bottom: 6.4vw;
    width: 2.6666666667vw;
    height: 2.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  main .article__item:nth-child(n+3) {
    margin-top: 2.5352112676%;
  }
}
main .article__item--01 {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  main .article__item--01 .article__item--tag {
    display: block;
    top: 20.7843137255%;
    left: 8.25%;
  }
}
@media screen and (max-width: 767px) {
  main .article__item--01 .article__item--tag > li + li {
    margin-top: 2.6666666667vw;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  main .article__item--01 .article__item--title {
    top: 10.7843137255%;
    right: 13%;
    font-size: 4.8vw;
    white-space: nowrap;
    letter-spacing: -0.05em;
    writing-mode: vertical-rl;
    line-height: 1.4444444444;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  main .article__item--01 .article__item--title span {
    display: inline-block;
    writing-mode: horizontal-tb;
  }
}
@media screen and (max-width: 767px) {
  main .article__item--01 .article__item--sub {
    top: 10.7843137255%;
    right: 43%;
    white-space: nowrap;
    writing-mode: vertical-rl;
  }
}
@media screen and (max-width: 767px) {
  main .article__item--02 {
    margin-left: 51.2676056338%;
  }
}
@media screen and (max-width: 767px) {
  main .article__item--03 {
    margin-left: 51.2676056338%;
  }
}
main .article__item--number {
  position: absolute;
  top: 10px;
  left: 33px;
  padding-bottom: 4px;
  border-bottom: 1px solid #004288;
  font-size: 42px;
}
@media screen and (max-width: 767px) {
  main .article__item--number {
    top: 2.1333333333vw;
    left: 4.4vw;
    padding-bottom: 0;
    font-size: 6vw;
  }
}
main .article__item--tag {
  display: flex;
  position: absolute;
  top: 56px;
  left: 85px;
}
@media screen and (max-width: 767px) {
  main .article__item--tag {
    top: 6.2666666667vw;
    left: 12.5333333333vw;
  }
}
main .article__item--tag > li {
  border-bottom: 1px solid #004288;
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  main .article__item--tag > li {
    font-size: 3.2vw;
  }
}
main .article__item--tag > li.long {
  width: 110px;
}
@media screen and (max-width: 767px) {
  main .article__item--tag > li.long {
    width: 18.4vw;
  }
}
main .article__item--tag > li.short {
  width: 88px;
}
@media screen and (max-width: 767px) {
  main .article__item--tag > li.short {
    width: 12.9333333333vw;
  }
}
main .article__item--tag > li + li {
  margin-left: 13px;
}
@media screen and (max-width: 767px) {
  main .article__item--tag > li + li {
    margin-left: 1.8666666667vw;
  }
}
main .article__item--title {
  position: absolute;
  top: 90px;
  left: 30px;
  font-family: "Zen Old Mincho", serif;
  font-size: 26px;
  line-height: 1.4230769231;
}
@media screen and (max-width: 767px) {
  main .article__item--title {
    top: 34.9264705882%;
    left: 7.5%;
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
  }
}
main .article__item--copy {
  position: absolute;
  font-family: "Zen Old Mincho", serif;
  font-size: 18px;
  line-height: 1.4444444444;
}
@media screen and (max-width: 767px) {
  main .article__item--copy {
    font-size: 2.8vw;
    line-height: 1.3333333333;
  }
}
main .article__item--sub {
  position: absolute;
  bottom: 40px;
  left: 30px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3571428571;
}
@media screen and (max-width: 767px) {
  main .article__item--sub {
    bottom: 18.3823529412%;
    left: 7.5%;
    font-size: 3.2vw;
  }
}
main .article__item--sub.sub--small {
  font-size: 13px;
}
@media screen and (max-width: 767px) {
  main .article__item--sub.sub--small {
    font-size: 2.2666666667vw;
    transform: scale(0.8, 1);
    transform-origin: center left;
  }
}
main .point {
  background-color: #004288;
}
main .point__inner {
  width: 1240px;
  margin: -1px auto 0 auto;
  padding: 0 125px 55px 125px;
}
@media screen and (max-width: 767px) {
  main .point__inner {
    width: 100%;
    padding: 0 2.6666666667vw 5.3333333333vw 2.6666666667vw;
  }
}
main .point__detail {
  position: relative;
  padding: 40px 28px;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  main .point__detail {
    padding: 7.2vw 2.6666666667vw 2.6666666667vw 2.6666666667vw;
  }
}
main .point__title {
  position: absolute;
  top: -26px;
  left: -68px;
  width: 317px;
}
@media screen and (max-width: 767px) {
  main .point__title {
    top: -3.4666666667vw;
    left: 50%;
    width: 44.6478873239%;
    transform: translateX(-50%);
  }
}
main .point__copy {
  color: #004288;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 21px;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  main .point__copy {
    margin: 0 -1em;
    font-size: 4.1333333333vw;
    line-height: 1.5806451613;
  }
}
main .point__flow {
  position: relative;
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  main .point__flow {
    margin-top: 6.6666666667vw;
  }
}
main .point__flow--img {
  width: 1051px;
}
@media screen and (max-width: 767px) {
  main .point__flow--img {
    width: 100%;
    margin: 0 auto;
  }
}
main .point__flow--lead {
  position: absolute;
  top: 400px;
  left: 448px;
  width: 466px;
  color: #231815;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  main .point__flow--lead {
    position: static;
    width: 100%;
    margin: 1.3333333333vw auto 0 auto;
    font-size: 3.2vw;
    line-height: 1.3333333333;
  }
}
main .point__heatfree {
  display: flex;
  align-items: center;
  margin-top: 38px;
}
@media screen and (max-width: 767px) {
  main .point__heatfree {
    justify-content: space-between;
    width: 100%;
    margin-top: 2.9333333333vw;
    padding: 2.4vw 0 2.6666666667vw 0;
    border-top: 1px solid #62b0e3;
    border-bottom: 1px solid #62b0e3;
  }
}
main .point__heatfree--img {
  width: 130px;
}
@media screen and (max-width: 767px) {
  main .point__heatfree--img {
    width: 19.4029850746%;
  }
}
main .point__heatfree--text {
  width: 742px;
  margin-left: 30px;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 767px) {
  main .point__heatfree--text {
    width: 77.0149253731%;
    margin: 0;
  }
}
main .point__heatfree--text > h4 {
  color: #62b0e3;
  font-size: 36px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  main .point__heatfree--text > h4 {
    font-size: 4.8vw;
  }
}
main .point__heatfree--text > p {
  margin-top: 10px;
  color: #231815;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  main .point__heatfree--text > p {
    margin-top: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 1.3333333333;
  }
}
main .service {
  margin-top: 58px;
}
@media screen and (max-width: 767px) {
  main .service {
    margin-top: 7.7333333333vw;
  }
}
main .service__inner {
  width: 1240px;
  margin: 0 auto;
  padding: 0 62px;
}
@media screen and (max-width: 767px) {
  main .service__inner {
    width: 100%;
    padding: 0 2.6666666667vw;
  }
}
main .service__detail {
  padding: 45px 0 40px;
  border-radius: 18px;
  background-color: #004288;
}
@media screen and (max-width: 767px) {
  main .service__detail {
    padding: 3.2vw 0 5.3333333333vw 0;
    border-radius: 2.4vw;
  }
}
main .service__title {
  position: relative;
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  main .service__title {
    font-size: 3.3333333333vw;
  }
}
main .service__title::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 12px;
  background: url(/products/bizprinter/smartcharge/save-energy/images/ps-service-title.svg) no-repeat center center;
  background-size: 100%;
  content: "";
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  main .service__title::after {
    height: 1.6vw;
    background: url(/products/bizprinter/smartcharge/save-energy/images/ps-service-title-sp.svg) no-repeat center center;
    background-size: 100%;
  }
}
main .service__copy {
  margin-top: 18px;
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  main .service__copy {
    margin-top: 2.9333333333vw;
    font-size: 4vw;
  }
}
main .service__lead {
  margin-top: 14px;
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  main .service__lead {
    margin-top: 2.6666666667vw;
    font-size: 3.2vw;
    line-height: 1.5833333333;
  }
}
main .service__lead span {
  font-weight: 700;
}
main .service__btn {
  width: 476px;
  margin: 16px auto 0 auto;
}
@media screen and (max-width: 767px) {
  main .service__btn {
    width: 88.7323943662%;
    margin-top: 4.5333333333vw;
  }
}
main .service__btn a {
  display: block;
  width: 100%;
  padding: 12px 0 18px 0;
  border-radius: 8px;
  background-color: #ffffff;
  color: #154994;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  main .service__btn a {
    padding: 2.1333333333vw 0 2.6666666667vw 0;
    font-size: 3.7333333333vw;
  }
}
main .service__btn a:hover {
  text-decoration: none;
}
main .service__list {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  margin-top: 106px;
  padding: 0 40px;
}
@media screen and (max-width: 767px) {
  main .service__list {
    display: block;
    margin-top: 10.9333333333vw;
    padding: 0 5.3333333333vw;
  }
}
main .service__item {
  position: relative;
  width: 320px;
  padding: 164px 18px 14px 18px;
  border-radius: 8px;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  main .service__item {
    width: 100%;
    min-height: 27.2vw;
    padding: 3.7333333333vw 2.6666666667vw 3.7333333333vw 33.3333333333vw;
    border-radius: 1.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  main .service__item + .service__item {
    margin-top: 9.0666666667vw;
  }
}
main .service__item--number {
  position: absolute;
  top: -60px;
  left: 0;
  color: #ffffff;
  font-family: "Noto Serif JP", serif;
  font-size: 52px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  main .service__item--number {
    top: -8vw;
    font-size: 6.9333333333vw;
  }
}
main .service__item--title {
  color: #004288;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  main .service__item--title {
    font-size: 3.8666666667vw;
    text-align: left;
  }
}
main .service__item--lead {
  margin-top: 14px;
  color: #004288;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  main .service__item--lead {
    font-size: 3.2vw;
    line-height: 1.4583333333;
  }
}
main .service__item--01 .service__item--img {
  position: absolute;
  top: -58px;
  left: 70px;
  width: 189px;
}
@media screen and (max-width: 767px) {
  main .service__item--01 .service__item--img {
    top: -3.4666666667vw;
    left: 6.1333333333vw;
    width: 30%;
  }
}
main .service__item--02 .service__item--img {
  position: absolute;
  top: -88px;
  left: 56px;
  width: 220px;
}
@media screen and (max-width: 767px) {
  main .service__item--02 .service__item--img {
    top: -8vw;
    left: 2.6666666667vw;
    width: 34.9206349206%;
  }
}
main .service__item--03 .service__item--img {
  position: absolute;
  top: -94px;
  left: 42px;
  width: 235px;
}
@media screen and (max-width: 767px) {
  main .service__item--03 .service__item--img {
    top: -7.4666666667vw;
    left: 0.2666666667vw;
    width: 37.3015873016%;
  }
}
main .fee__inner {
  margin-top: 50px;
}
main .info__item--save-energy {
  display: none;
}

main .slider {
  margin-top: 32px;
}

@media screen and (max-width: 767px) {
  main .slider {
    margin-top: 0;
  }
}
main .slider__inner {
  overflow-x: hidden;
  position: relative;
  width: 1240px;
}

@media screen and (max-width: 767px) {
  main .slider__inner {
    width: 100%;
  }
}
main .slider__title {
  top: 0;
  margin-bottom: 48px;
}

@media screen and (max-width: 767px) {
  main .slider__title {
    margin-bottom: 10vw;
  }
}
main .slider__list {
  display: flex;
  width: 100%;
  transition: transform 0.4s ease;
}

@media screen and (max-width: 767px) {
  main .slider__list {
    margin: 6.9333333333vw 0;
  }
}
main .slider__list--item {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  max-width: 100%;
  flex: 0 0 100%;
}

main .slider__button {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 160px;
  right: 205px;
  width: 290px;
}

@media screen and (max-width: 767px) {
  main .slider__button {
    top: 20vw;
    right: 4.5vw;
    width: 42.6666666667vw;
  }
}
main .slider__button button {
  position: relative;
  border: 2px solid transparent;
  font-family: "Noto Sans JP", sans-serif !important;
}
main .slider__button button:hover {
  text-decoration: underline;
}
main .slider__button button:focus {
  border: 2px solid #000000;
}

main .slider__button--prev::before {
  display: block;
  position: absolute;
  left: -20px;
  width: 15px;
  height: 26px;
  background: url(/products/bizprinter/smartcharge/ecology/images/slider-button--prev.png) no-repeat center center;
  background-size: contain;
  content: "";
}

@media screen and (max-width: 767px) {
  main .slider__button--prev::before {
    top: 0.6666666667vw;
    left: -3.2vw;
    width: 2.1333333333vw;
    height: 3.7vw;
  }
}
main .slider__button--next::before {
  display: block;
  position: absolute;
  right: -20px;
  width: 15px;
  height: 26px;
  background: url(/products/bizprinter/smartcharge/ecology/images/slider-button--next.png) no-repeat center center;
  background-size: contain;
  content: "";
}

@media screen and (max-width: 767px) {
  main .slider__button--next::before {
    top: 0.6666666667vw;
    right: -3.2vw;
    width: 2.1333333333vw;
    height: 3.7vw;
  }
}
main .slider__button span {
  color: #154994;
  font-size: 17px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  main .slider__button span {
    font-size: 3.3333333333vw;
  }
}
main .slider__list--item picture {
  display: block;
  width: 88.3064516129%;
}

@media screen and (max-width: 767px) {
  main .slider__list--item picture {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  main .slider__head {
    margin-top: -5vw;
  }
}
main .slider__item1 {
  position: absolute;
  top: 0;
  left: 250px;
  color: #595757;
  font-size: 39.6px;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}
main .slider__item1 span {
  font-size: 20px;
  margin-bottom: 30px;
  display: inline-block;
}
main .slider__item1 small {
  font-size: 30px;
}
main .slider__item1 u {
  display: inline-block;
  font-size: 15px;
  transform: translateY(-5px);
  text-underline-offset: 4px;
}

@media screen and (max-width: 767px) {
  main .slider__item1 {
    left: 8vw;
    font-size: 5.3333333333vw;
  }
  main .slider__item1 span {
    margin-bottom: 4.2vw;
    font-size: 3.2vw;
  }
  main .slider__item1 small {
    font-size: 4vw;
  }
  main .slider__item1 u {
    margin-left: 0.5em;
    font-size: 3.2vw;
    transform: translateY(-0.6666666667vw);
    text-underline-offset: 0.5333333333vw;
  }
}
main .slider__item2 {
  position: absolute;
  top: 13px;
  right: 220px;
  color: #154994;
  font-size: 39.6px;
  font-weight: 700;
  text-align: center;
  line-height: 1.1;
}
main .slider__item2 span {
  display: block;
  line-height: 1.5;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  main .slider__item2 {
    top: 1.9vw;
    right: 5.0666666667vw;
    font-size: 5.0666666667vw;
  }
  main .slider__item2 span {
    font-size: 3.2vw;
    line-height: 1.3;
  }
}
main .slider__item3 {
  position: absolute;
  bottom: 280px;
  left: 290px;
  color: #ffffff;
  font-size: 43.2px;
  font-weight: 700;
  text-align: center;
  line-height: 0.7;
  letter-spacing: -0.05em;
  transform: scale(90%, 100%);
}
main .slider__item3 span {
  font-size: 26.4px;
  letter-spacing: 0;
  transform: scale(100%, 100%);
}
main .slider__item3 span sub {
  font-size: 10px;
}

@media screen and (max-width: 767px) {
  main .slider__item3 {
    bottom: 37.3333333333vw;
    left: 17.3333333333vw;
    font-size: 5.7333333333vw;
  }
  main .slider__item3 span {
    font-size: 3.4666666667vw;
  }
}
main .slider__item3.custom {
  left: 300px;
  letter-spacing: 0;
  transform: scale(100%, 100%);
}

@media screen and (max-width: 767px) {
  main .slider__item3.custom {
    left: 18.4vw;
  }
}
main .slider__item4 {
  position: absolute;
  right: 265px;
  bottom: 158px;
  color: #eb6100;
  font-size: 82.3px;
  font-weight: 700;
  text-align: center;
  line-height: 0.7;
}
main .slider__item4 span {
  font-size: 28px;
}
main .slider__item4 sup {
  display: block;
  font-size: 13.3px;
  transform: translate(75px, -30px);
}

@media screen and (max-width: 767px) {
  main .slider__item4 {
    right: 12.8vw;
    bottom: 23.7333333333vw;
    font-size: 11.1vw;
  }
  main .slider__item4 span {
    font-size: 3.7333333333vw;
  }
  main .slider__item4 sup {
    font-size: 1.7777777778vw;
    transform: translate(10vw, -4vw);
  }
}
main .slider__item4.custom {
  bottom: 228px;
}

@media screen and (max-width: 767px) {
  main .slider__item4.custom {
    bottom: 31.7333333333vw;
  }
}
main .slider__item5 {
  position: absolute;
  right: 305px;
  bottom: 48px;
  color: #ffffff;
  font-size: 43.2px;
  font-weight: 700;
  text-align: center;
  line-height: 0.7;
}
main .slider__item5 span {
  font-size: 26.4px;
}
main .slider__item5 span sub {
  font-size: 10px;
}

@media screen and (max-width: 767px) {
  main .slider__item5 {
    right: 18.4vw;
    bottom: 6.4vw;
    font-size: 5.7333333333vw;
  }
  main .slider__item5 span {
    font-size: 3.4666666667vw;
  }
}
main .slider__item5.custom {
  right: 305px;
  bottom: 118px;
}

main .slider__item5.custom2 {
  right: 284px;
}

@media screen and (max-width: 767px) {
  main .slider__item5.custom {
    right: 18.4vw;
    bottom: 15.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  main .slider__item5.custom2 {
    right: 18.4vw;
  }
}
main .slider__item6 {
  position: absolute;
  bottom: 24px;
  left: 520px;
  color: #004288;
  font-size: 41px;
  font-weight: 700;
}
main .slider__item6 sup {
  display: block;
  font-size: 17px;
  transform: translate(200px, -35px);
}
main .slider__item6 sub {
  display: inline-block;
  font-size: 30px;
  transform: translateY(-6px);
}
main .slider__item6 .sp-br {
  display: none;
}

@media screen and (max-width: 767px) {
  main .follow {
    display: block;
    width: auto;
    left: 0px;
    bottom: 0px !important;
  }
}
main .follow .follow__pc {
  display: block;
}
@media screen and (max-width: 767px) {
  main .follow .follow__pc {
    display: none;
  }
}
main .follow .follow__sp {
  display: none;
  background: #ffffff;
}
@media screen and (max-width: 767px) {
  main .follow .follow__sp {
    display: flex;
    align-items: stretch;
  }
}
main .follow .follow__sp p a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  padding: 1.3vw 0;
}
main .follow .follow__sp p a .follow__icon {
  font-size: 0;
  line-height: 0;
}
main .follow .follow__sp p a .follow__icon img {
  width: 100%;
}
main .follow .follow__sp p a .follow__text {
  font-size: 3.7333333333vw;
  line-height: 1.3;
  font-weight: 600;
}
main .follow .follow__sp p a .follow__text .follow__sub {
  display: block;
  font-size: 2.6666666667vw;
  font-weight: bold;
}
main .follow .follow__sp p.follow__tel {
  width: 61%;
  background-color: #1CDBF5;
}
main .follow .follow__sp p.follow__tel .follow__icon {
  width: 6.75vw;
  margin: 0 3.2vw;
}
main .follow .follow__sp p.follow__tel .follow__text {
  color: #154994;
}
main .follow .follow__sp p.follow__form {
  width: 39%;
  background-color: #0079BE;
}
main .follow .follow__sp p.follow__form .follow__icon {
  width: 8.8vw;
  margin: 0 1.1vw 0 2.4vw;
}
main .follow .follow__sp p.follow__form .follow__text {
  color: #ffffff;
}
main .follow .follow__sp p.follow__form .follow__text img {
  width: 3.75vw;
  margin-left: 1.5vw;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  #footer #pagetopBlock {
    bottom: 13vh !important;
  }
}

@media screen and (max-width: 767px) {
  main .slider__item6 {
    bottom: 3.2vw;
    left: 40vw;
    font-size: 4.1333333333vw;
    text-align: center;
    line-height: 1.2;
  }
  main .slider__item6 sup {
    font-size: 2.2666666667vw;
    transform: translate(8.2vw, -6vw);
  }
  main .slider__item6 .sp-br {
    display: inline-block;
  }
  main .slider__item6 sub {
    display: inline-block;
    font-size: 2.4vw;
    transform: translateY(-0.5333333333vw);
  }
}
@media screen and (max-width: 767px) {
  main .slider__note--item {
    padding-right: 0.4em;
  }
}