@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Racing+Sans+One&family=Roboto:wght@500;700&display=swap");
/*************************
page
*************************/
.spNone {
  display: block !important;
}
@media screen and (max-width: 640px) {
  .spNone {
    display: none !important;
  }
}

.pcNone {
  display: none !important;
}
@media screen and (max-width: 640px) {
  .pcNone {
    display: block !important;
  }
}

.m-section.m-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  width: 940px;
}

.m-column--col3-item {
  width: calc((100% - 44px) / 3);
}
@media screen and (max-width: 640px) {
  .m-column--col3-item {
    width: 100%;
  }
}

.m-table {
  background: #fff;
  width: min(600px, 100%);
  margin-left: auto;
  margin-right: auto;
}

.m-table-w100 {
  width: 100%;
}
.m-table-w100 .m-table__th:first-child {
  border-right: 1px solid #cdd0d8;
}

.m-table__td-fwB {
  font-weight: bold;
}

.m-table__td-fwU {
  font-weight: unset;
}

.fW__bold {
  font-weight: bold;
}

/* solution_top */
#solution .m-section.m-wrapper {
  width: 1200px;
  max-width: 100%;
  margin-inline: auto;
}
@media screen and (max-width: 640px) {
  #solution .m-section.m-wrapper {
    max-width: 89.3%;
  }
}
#solution .solution_mv_img {
  position: relative;
  margin-top: 25px;
}
#solution .solution_mv_img > img {
  position: relative;
}
#solution .inline-popup__btn {
  position: absolute;
  margin: auto;
  cursor: pointer;
}
#solution .inline-popup__btn#inline-popup_01 {
  width: 350px;
  top: 250px;
  left: 110px;
}
@media screen and (max-width: 640px) {
  #solution .inline-popup__btn#inline-popup_01 {
    width: 29.1666666667vw;
    top: 18vw;
    left: 7vw;
  }
}
#solution .inline-popup__btn#inline-popup_02 {
  width: 330px;
  top: 250px;
  right: 124px;
}
@media screen and (max-width: 640px) {
  #solution .inline-popup__btn#inline-popup_02 {
    width: 27.5vw;
    top: 18vw;
    right: 7.5vw;
  }
}
#solution .inline-popup__btn#inline-popup_03 {
  width: 345px;
  bottom: 10px;
  left: 116px;
}
@media screen and (max-width: 640px) {
  #solution .inline-popup__btn#inline-popup_03 {
    width: 28.75vw;
    bottom: 0;
    left: 7vw;
  }
}
#solution .inline-popup__btn#inline-popup_04 {
  width: 402px;
  bottom: 10px;
  right: 86px;
}
@media screen and (max-width: 640px) {
  #solution .inline-popup__btn#inline-popup_04 {
    width: 33.5833333333vw;
    bottom: 0;
    right: 4vw;
  }
}
#solution .inline-popup img {
  width: 720px;
  max-width: 100%;
}
#solution button.mfp-arrow {
  top: 50%;
  bottom: auto;
  left: 0;
  right: 0;
  margin: auto;
}
#solution .mfp-arrow-left {
  right: 374px !important;
}
#solution .mfp-arrow-right {
  left: 360px !important;
}
#solution .mfp-arrow-left:before,
#solution .mfp-arrow-right:before {
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  width: 30px;
  height: 30px;
  opacity: 1;
}
#solution .mfp-arrow-left:before {
  background-image: url(../image/arrow_L.svg);
}
#solution .mfp-arrow-right:before {
  background-image: url(../image/arrow_R.svg);
}
#solution .mfp-arrow-left:after,
#solution .mfp-arrow-right:after {
  border: none;
}
@media screen and (max-width: 640px) {
  #solution .mfp-content {
    max-width: 95%;
  }
}
#solution .mfp-close {
  z-index: 10;
  position: relative;
  opacity: 1;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: unset;
  font-family: "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: -12px;
  top: 20px;
  padding: 0;
}
#solution .mfp-close:active {
  top: 20px;
}
#solution .mfp-figure:after {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: no-repeat;
}
#solution .mfp-counter {
  display: none;
}
#solution .inline-popup_1 .mfp-close {
  background: #007980;
}
#solution .inline-popup_2 .mfp-close {
  background: #B10341;
}
#solution .inline-popup_3 .mfp-close {
  background: #528400;
}
#solution .inline-popup_4 .mfp-close {
  background: #C54400;
}
#solution .webinar-box {
  margin-top: 40px;
}
@media screen and (max-width: 640px) {
  #solution .webinar-box {
    margin-top: 20px;
  }
}
#solution .webinar-box .m-indent {
  font-weight: bold;
  color: #0399de;
  line-height: 1.4;
}
#solution .webinar-box .m-btn-blank {
  margin: 12px auto 0;
}
@media screen and (max-width: 640px) {
  #solution .webinar-box .m-btn-blank {
    height: auto;
    padding: 10px 50px 10px 30px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
  }
}
#solution #solution_category {
  margin-bottom: 156px;
}
@media screen and (max-width: 640px) {
  #solution #solution_category {
    margin-bottom: 78px;
  }
}
#solution #solution_category .category_box .category_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  margin-top: 24px;
}
@media screen and (max-width: 640px) {
  #solution #solution_category .category_box .category_list {
    gap: 5px 10px;
  }
}
#solution #solution_category .category_box .category_list button {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #fff;
  border-style: solid;
  border-width: 2px;
  border-radius: 100px;
  height: 58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  padding: 0 32px;
  outline: none;
}
@media screen and (max-width: 640px) {
  #solution #solution_category .category_box .category_list button {
    font-size: 2.8125vw;
    height: 9.0625vw;
    padding: 0 2vw;
    width: calc((100% - 10px) / 2);
  }
}
#solution #solution_category .category_box .category_list button:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#solution #solution_category .category_box .category_list button::before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#solution #solution_category .category_box .category_list button.category_all {
  color: #fff;
  background: #0399DE;
}
#solution #solution_category .category_box .category_list button.category_all.is-active {
  color: #0399DE;
  border: #0399DE 2px solid;
  background: #fff;
}
#solution #solution_category .category_box .category_list button.category_all:hover {
  color: #0399DE;
  border: #0399DE 2px solid;
  background: #fff;
}
#solution #solution_category .category_box .category_list button.category_01 {
  border-color: #05AAB3;
  background: #05AAB3;
}
#solution #solution_category .category_box .category_list button.category_01.is-active {
  color: #05AAB3;
  background: #fff;
}
#solution #solution_category .category_box .category_list button.category_01.is-active::before {
  background-image: url(../image/category_list_01_active.svg);
}
#solution #solution_category .category_box .category_list button.category_01:hover {
  color: #05AAB3;
  background: #fff;
}
#solution #solution_category .category_box .category_list button.category_01:hover::before {
  background-image: url(../image/category_list_01_active.svg);
}
#solution #solution_category .category_box .category_list button.category_01::before {
  width: 35px;
  height: 39px;
  background-image: url(../image/category_list_01.svg);
  margin-right: 25px;
}
@media screen and (max-width: 640px) {
  #solution #solution_category .category_box .category_list button.category_01::before {
    width: 5.46875vw;
    height: 6.09375vw;
    margin-right: 3.90625vw;
  }
}
#solution #solution_category .category_box .category_list button.category_02 {
  border-color: #89B201;
  background: #89B201;
}
#solution #solution_category .category_box .category_list button.category_02.is-active {
  color: #89B201;
  background: #fff;
}
#solution #solution_category .category_box .category_list button.category_02.is-active::before {
  background-image: url(../image/category_list_02_active.svg);
}
#solution #solution_category .category_box .category_list button.category_02:hover {
  color: #89B201;
  background: #fff;
}
#solution #solution_category .category_box .category_list button.category_02:hover::before {
  background-image: url(../image/category_list_02_active.svg);
}
#solution #solution_category .category_box .category_list button.category_02::before {
  width: 35px;
  height: 35px;
  background-image: url(../image/category_list_02.svg);
  margin-right: 15px;
}
@media screen and (max-width: 640px) {
  #solution #solution_category .category_box .category_list button.category_02::before {
    width: 5.46875vw;
    height: 5.46875vw;
    margin-right: 2.34375vw;
  }
}
#solution #solution_category .category_box .category_list button.category_03 {
  border-color: #D2326E;
  background: #D2326E;
}
#solution #solution_category .category_box .category_list button.category_03.is-active {
  color: #D2326E;
  background: #fff;
}
#solution #solution_category .category_box .category_list button.category_03.is-active::before {
  background-image: url(../image/category_list_03_active.svg);
}
#solution #solution_category .category_box .category_list button.category_03:hover {
  color: #D2326E;
  background: #fff;
}
#solution #solution_category .category_box .category_list button.category_03:hover::before {
  background-image: url(../image/category_list_03_active.svg);
}
#solution #solution_category .category_box .category_list button.category_03::before {
  width: 30px;
  height: 28px;
  background-image: url(../image/category_list_03.svg);
  margin-right: 14px;
}
@media screen and (max-width: 640px) {
  #solution #solution_category .category_box .category_list button.category_03::before {
    width: 4.6875vw;
    height: 4.375vw;
    margin-right: 2.1875vw;
  }
}
#solution #solution_category .category_box .category_list button.category_04 {
  border-color: #EF7D1A;
  background: #EF7D1A;
}
#solution #solution_category .category_box .category_list button.category_04.is-active {
  color: #EF7D1A;
  background: #fff;
}
#solution #solution_category .category_box .category_list button.category_04.is-active::before {
  background-image: url(../image/category_list_04_active.svg);
}
#solution #solution_category .category_box .category_list button.category_04:hover {
  color: #EF7D1A;
  background: #fff;
}
#solution #solution_category .category_box .category_list button.category_04:hover::before {
  background-image: url(../image/category_list_04_active.svg);
}
#solution #solution_category .category_box .category_list button.category_04::before {
  width: 49px;
  height: 39px;
  background-image: url(../image/category_list_04.svg);
  margin-right: 15px;
}
@media screen and (max-width: 640px) {
  #solution #solution_category .category_box .category_list button.category_04::before {
    width: 7.65625vw;
    height: 6.09375vw;
    margin-right: 2.1875vw;
  }
}
#solution #solution_category .category_box .solution_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 21px;
  margin-top: 45px;
}
@media screen and (max-width: 640px) {
  #solution #solution_category .category_box .solution_list {
    gap: 10px;
    margin-top: 22px;
  }
}
#solution #solution_category .category_box .solution_list > li {
  width: calc((100% - 21px) / 2);
  padding: 13px;
}
@media screen and (max-width: 640px) {
  #solution #solution_category .category_box .solution_list > li {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
#solution #solution_category .category_box .solution_list > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media screen and (max-width: 640px) {
  #solution #solution_category .category_box .solution_list > li a {
    gap: 15px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
#solution #solution_category .category_box .solution_list > li a:hover {
  text-decoration: none;
}
#solution #solution_category .category_box .solution_list > li.is-hide {
  display: none;
}
#solution #solution_category .category_box .solution_list > li.category_01 {
  background: #D1EFF1;
}
#solution #solution_category .category_box .solution_list > li.category_01 h4 {
  background: #05AAB3;
}
#solution #solution_category .category_box .solution_list > li.category_02 {
  background: #E7F0CC;
}
#solution #solution_category .category_box .solution_list > li.category_02 h4 {
  background: #89B201;
}
#solution #solution_category .category_box .solution_list > li.category_03 {
  background: #F8DEE8;
}
#solution #solution_category .category_box .solution_list > li.category_03 h4 {
  background: #D2326E;
}
#solution #solution_category .category_box .solution_list > li.category_03 h4.orange-h4 {
  background: #EF7D1A;
}
#solution #solution_category .category_box .solution_list > li.category_04 {
  background: #FCE7D4;
}
#solution #solution_category .category_box .solution_list > li.category_04 h4 {
  background: #EF7D1A;
}
#solution #solution_category .category_box .solution_list > li .solution_list_img {
  width: 200px;
  height: 200px;
}
@media screen and (max-width: 640px) {
  #solution #solution_category .category_box .solution_list > li .solution_list_img {
    width: 26%;
    height: 26%;
  }
}
#solution #solution_category .category_box .solution_list > li .solution_list_img img {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
#solution #solution_category .category_box .solution_list > li .solution_list_txt {
  width: calc(100% - 243px);
}
@media screen and (max-width: 640px) {
  #solution #solution_category .category_box .solution_list > li .solution_list_txt {
    width: calc(100% - (15px + 26%));
    padding-top: 0;
  }
}
#solution #solution_category .category_box .solution_list > li .solution_list_txt h4 {
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.05em;
  color: #fff;
  border-radius: 100px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 23px;
  display: inline-block;
  padding: 0 14px;
}
@media screen and (max-width: 640px) {
  #solution #solution_category .category_box .solution_list > li .solution_list_txt h4 {
    height: 19px;
    padding: 0 10px;
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
#solution #solution_category .category_box .solution_list > li .solution_list_txt h5 {
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.6315789474;
  margin-top: 15px;
}
@media screen and (max-width: 640px) {
  #solution #solution_category .category_box .solution_list > li .solution_list_txt h5 {
    font-size: 15px;
    font-size: 0.9375rem;
    margin-top: 8px;
  }
}
#solution #solution_category .category_box .solution_list > li .solution_list_txt .solution_list_tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 6px;
}
@media screen and (max-width: 640px) {
  #solution #solution_category .category_box .solution_list > li .solution_list_txt .solution_list_tag {
    margin-top: 0;
  }
}
#solution #solution_category .category_box .solution_list > li .solution_list_txt .solution_list_tag li {
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.05em;
  line-height: 1.75;
  color: #5F6471;
  margin-right: 2ch;
}
#solution #solution_category .category_box .solution_list > li .solution_list_txt .solution_list_tag li::before {
  content: "#";
}
@media screen and (max-width: 640px) {
  #solution #solution_category .category_box .solution_list > li .solution_list_txt .solution_list_tag li {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

/* title */
.m-pagehead__title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-left: 65px;
  padding-left: 16px;
}
@media screen and (max-width: 640px) {
  .m-pagehead__title-box {
    margin-left: 0;
    padding-left: 0;
  }
}
.m-pagehead__title-box::before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 65px;
  height: 65px;
  display: block;
  position: absolute;
  left: -65px;
}
@media screen and (max-width: 640px) {
  .m-pagehead__title-box::before {
    width: 6.9333333333vw;
    height: 6.9333333333vw;
    top: -1.8666666667vw;
    left: 0;
  }
}
.m-pagehead__title-box .m-pagehead__title-sub {
  font-size: 15px;
  font-size: 0.9375rem;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .m-pagehead__title-box .m-pagehead__title-sub {
    font-size: 11px;
    font-size: 0.6875rem;
    margin-bottom: 4.2666666667vw;
    padding-left: 8.5333333333vw;
  }
}
.m-pagehead__title-box .m-pagehead__title {
  line-height: 1.3;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .m-pagehead__title-box .m-pagehead__title {
    font-size: 22px;
    font-size: 1.375rem;
    letter-spacing: 0.01em;
  }
}

@media screen and (max-width: 640px) {
  .m-pagehead__title-no-sub::before {
    top: 0;
  }
  .m-pagehead__title-no-sub .m-pagehead__title {
    padding-left: 9vw;
  }
}

.m-pagehead__title-box_01::before {
  background-image: url(../image/title_icon_1.svg);
}

.m-pagehead__title-box_02::before {
  background-image: url(../image/title_icon_2.svg);
}

.m-pagehead__title-box_03::before {
  background-image: url(../image/title_icon_3.svg);
}

.m-pagehead__title-box_04::before {
  background-image: url(../image/title_icon_4.svg);
}

/* nayami */
#m-nayami {
  padding-top: 80px;
  padding-bottom: 62px;
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw 0 100vw;
}
@media screen and (max-width: 640px) {
  #m-nayami {
    padding: 10.6666666667vw 0;
  }
}
#m-nayami .m-nayami-title {
  font-size: 32px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  position: relative;
  padding: 7px 0 6px;
}
@media screen and (max-width: 640px) {
  #m-nayami .m-nayami-title {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1;
    padding: 14px 0 12px;
    margin-left: 9.4366197183%;
    margin-right: 9.4366197183%;
  }
}
#m-nayami .m-nayami-title::after {
  content: "";
  height: 15.5884572681px;
  width: 18px;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 640px) {
  #m-nayami .m-nayami-title::after {
    height: 10px;
    width: 10px;
    bottom: -9px;
  }
}
#m-nayami .m-nayami-title .m-nayami-title__img-1,
#m-nayami .m-nayami-title .m-nayami-title__img-2 {
  position: absolute;
  bottom: 0;
  margin: auto;
}
#m-nayami .m-nayami-title .m-nayami-title__img-1 {
  left: 0;
  right: 673px;
}
@media screen and (max-width: 640px) {
  #m-nayami .m-nayami-title .m-nayami-title__img-1 {
    left: -3.7333333333vw;
    right: auto;
    width: 12.8vw;
    height: auto;
  }
}
#m-nayami .m-nayami-title .m-nayami-title__img-2 {
  left: 691px;
  right: 0;
}
@media screen and (max-width: 640px) {
  #m-nayami .m-nayami-title .m-nayami-title__img-2 {
    left: auto;
    right: -8.5333333333vw;
    width: 14.6666666667vw;
    height: auto;
  }
}
#m-nayami .m-nayami-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin-top: 35px;
}
@media screen and (max-width: 640px) {
  #m-nayami .m-nayami-box {
    gap: 2.6666666667vw;
    margin-top: 6.6666666667vw;
  }
}
#m-nayami .m-nayami-box li {
  font-weight: 500;
  line-height: 1.3;
  border-width: 3px;
  border-style: solid;
  border-radius: 5px;
  background: #fff;
  width: calc((100% - 40px) / 3);
  height: 116px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
@media screen and (max-width: 640px) {
  #m-nayami .m-nayami-box li {
    width: 100%;
    height: auto;
    padding: 4.5333333333vw;
    border-radius: 10px;
  }
}
#m-nayami .m-nayami-box .m-nayami__size-S {
  font-size: 20px;
  font-size: 1.25rem;
}
#m-nayami .m-nayami-box .m-nayami__size-M {
  font-size: 23px;
  font-size: 1.4375rem;
}
#m-nayami .m-nayami-box .m-nayami__size-L {
  font-size: 28px;
  font-size: 1.75rem;
}
@media screen and (max-width: 640px) {
  #m-nayami .m-nayami-box .m-nayami__size-S,
  #m-nayami .m-nayami-box .m-nayami__size-M,
  #m-nayami .m-nayami-box .m-nayami__size-L {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* m-article__box */
.m-article__box {
  padding: 0 !important;
  margin: 90px 0;
}
@media screen and (max-width: 640px) {
  .m-article__box {
    margin: 50px 0;
  }
}
.m-article__box .m-article__box-title {
  text-align: center;
}
.m-article__box .m-article__box-title span {
  font-size: 60px;
  font-size: 3.75rem;
  font-family: "Racing Sans One";
  line-height: 1;
}
@media screen and (max-width: 640px) {
  .m-article__box .m-article__box-title span {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.m-article__box .m-article__box-title p {
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .m-article__box .m-article__box-title p {
    font-size: 23px;
    font-size: 1.4375rem;
  }
}
.m-article__box .m-article__box-title + .m-indent {
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .m-article__box .m-article__box-title + .m-indent {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.m-article__box .m-image {
  margin-top: 54px;
}
@media screen and (max-width: 640px) {
  .m-article__box .m-image {
    margin-top: 7.2vw;
  }
}
.m-article__box .m-move {
  width: 680px;
  max-width: 100%;
  aspect-ratio: 16/9;
  margin: auto;
  margin-top: 32px;
}
@media screen and (max-width: 640px) {
  .m-article__box .m-move {
    margin-top: 4.2666666667vw;
  }
}
.m-article__box .m-move iframe {
  width: 100%;
  height: 100%;
}
.m-article__box.m-no-num .m-indent {
  padding-top: 0;
  text-align: center;
}

.bg_green {
  border-image-source: linear-gradient(#E5F6F7, #E5F6F7);
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw 0 100vw;
}

/* kanren-link */
#kanren-link {
  border-image-source: linear-gradient(#F1F2F6, #F1F2F6);
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw 0 100vw;
  padding-top: 95px;
  padding-bottom: 120px;
}
@media screen and (max-width: 640px) {
  #kanren-link {
    padding-top: 12.6666666667vw;
    padding-bottom: 16vw;
  }
}
#kanren-link .kanren-link-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  padding: 0 20px;
}
@media screen and (max-width: 640px) {
  #kanren-link .kanren-link-title {
    height: 8vw;
    padding: 0 2.6666666667vw;
  }
}
#kanren-link .kanren-link-title::before {
  content: "";
  background-image: url(../image/kanren-link-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  display: block;
}
@media screen and (max-width: 640px) {
  #kanren-link .kanren-link-title::before {
    width: 2.8vw;
    height: 2.8vw;
  }
}
#kanren-link .kanren-link-title p {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
  padding-left: 8px;
}
@media screen and (max-width: 640px) {
  #kanren-link .kanren-link-title p {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
#kanren-link .kanren-link-box {
  background: #fff;
  padding: 14px 30px 24px;
}
@media screen and (max-width: 640px) {
  #kanren-link .kanren-link-box {
    padding: 1.8666666667vw 4vw 3.2vw;
  }
}
#kanren-link .kanren-link-box .kanren-link-box__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 30px 0;
  border-bottom: #969DA0 1px solid;
}
@media screen and (max-width: 640px) {
  #kanren-link .kanren-link-box .kanren-link-box__category {
    padding: 4vw 0;
  }
}
#kanren-link .kanren-link-box .kanren-link-box__category:last-child {
  border-bottom: none;
}
#kanren-link .kanren-link-box .kanren-link-box__category h3 {
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: bold;
  width: 130px;
}
@media screen and (max-width: 640px) {
  #kanren-link .kanren-link-box .kanren-link-box__category h3 {
    font-size: 14px;
    font-size: 0.875rem;
    width: 100%;
  }
}
#kanren-link .kanren-link-box .kanren-link-box__category ul {
  width: calc(100% - 130px);
  padding-top: 0;
}
@media screen and (max-width: 640px) {
  #kanren-link .kanren-link-box .kanren-link-box__category ul {
    width: 100%;
  }
}
#kanren-link .m-btn-ellipse {
  width: min(480px, 100%);
  border: 1px solid #05AAB3;
  margin: auto;
  margin-top: 60px;
}
@media screen and (max-width: 640px) {
  #kanren-link .m-btn-ellipse {
    margin-top: 8vw;
  }
}

#solution_consignment .bg_green,
#solution_pv .bg_green {
  border-image-source: linear-gradient(#E5F6F7, #E5F6F7);
}
#solution_consignment #m-nayami,
#solution_pv #m-nayami {
  border-image-source: linear-gradient(#E5F6F7, #E5F6F7);
}
#solution_consignment #m-nayami .m-nayami-title,
#solution_pv #m-nayami .m-nayami-title {
  background: #05AAB3;
}
#solution_consignment #m-nayami .m-nayami-title:after,
#solution_pv #m-nayami .m-nayami-title:after {
  background: #05AAB3;
}
#solution_consignment #m-nayami .m-nayami-box li,
#solution_pv #m-nayami .m-nayami-box li {
  border-color: #9ADDE0;
}
#solution_consignment #m-nayami .m-nayami-box li span,
#solution_pv #m-nayami .m-nayami-box li span {
  color: #05AAB3;
}
#solution_consignment .m-article__box .m-article__box-title span, #solution_consignment .m-article__box .m-article__box-title p,
#solution_pv .m-article__box .m-article__box-title span,
#solution_pv .m-article__box .m-article__box-title p {
  color: #05AAB3;
}
#solution_consignment #kanren-link .kanren-link-title,
#solution_pv #kanren-link .kanren-link-title {
  background: #05AAB3;
}
#solution_consignment #kanren-link .m-btn-ellipse,
#solution_pv #kanren-link .m-btn-ellipse {
  background-color: #05AAB3;
  border-color: #05AAB3;
}
#solution_consignment #kanren-link .m-btn-ellipse:hover,
#solution_pv #kanren-link .m-btn-ellipse:hover {
  color: #05AAB3;
  background: #fff;
}
#solution_consignment #kanren-link .m-btn-ellipse:hover::before,
#solution_pv #kanren-link .m-btn-ellipse:hover::before {
  border-color: #05AAB3;
}

#solution_ecss .bg_green,
#solution_water_ems .bg_green {
  border-image-source: linear-gradient(#F3F7E5, #F3F7E5);
}
#solution_ecss #m-nayami,
#solution_water_ems #m-nayami {
  border-image-source: linear-gradient(#F3F7E5, #F3F7E5);
}
#solution_ecss #m-nayami .m-nayami-title,
#solution_water_ems #m-nayami .m-nayami-title {
  background: #89B201;
}
#solution_ecss #m-nayami .m-nayami-title:after,
#solution_water_ems #m-nayami .m-nayami-title:after {
  background: #89B201;
}
#solution_ecss #m-nayami .m-nayami-box li,
#solution_water_ems #m-nayami .m-nayami-box li {
  border-color: #D0E099;
}
#solution_ecss #m-nayami .m-nayami-box li span,
#solution_water_ems #m-nayami .m-nayami-box li span {
  color: #89B201;
}
#solution_ecss .m-article__box .m-article__box-title span, #solution_ecss .m-article__box .m-article__box-title p,
#solution_water_ems .m-article__box .m-article__box-title span,
#solution_water_ems .m-article__box .m-article__box-title p {
  color: #89B201;
}
#solution_ecss #kanren-link .kanren-link-title,
#solution_water_ems #kanren-link .kanren-link-title {
  background: #89B201;
}
#solution_ecss #kanren-link .m-btn-ellipse,
#solution_water_ems #kanren-link .m-btn-ellipse {
  background-color: #89B201;
  border-color: #89B201;
}
#solution_ecss #kanren-link .m-btn-ellipse:hover,
#solution_water_ems #kanren-link .m-btn-ellipse:hover {
  color: #89B201;
  background: #fff;
}
#solution_ecss #kanren-link .m-btn-ellipse:hover::before,
#solution_water_ems #kanren-link .m-btn-ellipse:hover::before {
  border-color: #89B201;
}

#solution_stb .bg_green {
  border-image-source: linear-gradient(#FBEAF0, #FBEAF0);
}
#solution_stb #m-nayami {
  border-image-source: linear-gradient(#FBEAF0, #FBEAF0);
}
#solution_stb #m-nayami .m-nayami-title {
  background: #D2326E;
}
#solution_stb #m-nayami .m-nayami-title:after {
  background: #D2326E;
}
#solution_stb #m-nayami .m-nayami-box li {
  border-color: #EDADC5;
}
#solution_stb #m-nayami .m-nayami-box li span {
  color: #D2326E;
}
#solution_stb .m-article__box .m-article__box-title span, #solution_stb .m-article__box .m-article__box-title p {
  color: #D2326E;
}
#solution_stb #kanren-link .kanren-link-title {
  background: #D2326E;
}
#solution_stb #kanren-link .m-btn-ellipse {
  background-color: #D2326E;
  border-color: #D2326E;
}
#solution_stb #kanren-link .m-btn-ellipse:hover {
  color: #D2326E;
  background: #fff;
}
#solution_stb #kanren-link .m-btn-ellipse:hover::before {
  border-color: #D2326E;
}

#solution_ems .bg_green,
#solution_fluctuation .bg_green,
#solution_microgrid .bg_green,
#solution_microgrid_ems .bg_green,
#solution_voltagedip .bg_green,
#solution_water .bg_green {
  border-image-source: linear-gradient(#FEF2E7, #FEF2E7);
}
#solution_ems #m-nayami,
#solution_fluctuation #m-nayami,
#solution_microgrid #m-nayami,
#solution_microgrid_ems #m-nayami,
#solution_voltagedip #m-nayami,
#solution_water #m-nayami {
  border-image-source: linear-gradient(#FEF2E7, #FEF2E7);
}
#solution_ems #m-nayami .m-nayami-title,
#solution_fluctuation #m-nayami .m-nayami-title,
#solution_microgrid #m-nayami .m-nayami-title,
#solution_microgrid_ems #m-nayami .m-nayami-title,
#solution_voltagedip #m-nayami .m-nayami-title,
#solution_water #m-nayami .m-nayami-title {
  background: #EF7D1A;
}
#solution_ems #m-nayami .m-nayami-title:after,
#solution_fluctuation #m-nayami .m-nayami-title:after,
#solution_microgrid #m-nayami .m-nayami-title:after,
#solution_microgrid_ems #m-nayami .m-nayami-title:after,
#solution_voltagedip #m-nayami .m-nayami-title:after,
#solution_water #m-nayami .m-nayami-title:after {
  background: #EF7D1A;
}
#solution_ems #m-nayami .m-nayami-box li,
#solution_fluctuation #m-nayami .m-nayami-box li,
#solution_microgrid #m-nayami .m-nayami-box li,
#solution_microgrid_ems #m-nayami .m-nayami-box li,
#solution_voltagedip #m-nayami .m-nayami-box li,
#solution_water #m-nayami .m-nayami-box li {
  border-color: #F9CBA3;
}
#solution_ems #m-nayami .m-nayami-box li span,
#solution_fluctuation #m-nayami .m-nayami-box li span,
#solution_microgrid #m-nayami .m-nayami-box li span,
#solution_microgrid_ems #m-nayami .m-nayami-box li span,
#solution_voltagedip #m-nayami .m-nayami-box li span,
#solution_water #m-nayami .m-nayami-box li span {
  color: #EF7D1A;
}
#solution_ems .m-article__box .m-article__box-title span, #solution_ems .m-article__box .m-article__box-title p,
#solution_fluctuation .m-article__box .m-article__box-title span,
#solution_fluctuation .m-article__box .m-article__box-title p,
#solution_microgrid .m-article__box .m-article__box-title span,
#solution_microgrid .m-article__box .m-article__box-title p,
#solution_microgrid_ems .m-article__box .m-article__box-title span,
#solution_microgrid_ems .m-article__box .m-article__box-title p,
#solution_voltagedip .m-article__box .m-article__box-title span,
#solution_voltagedip .m-article__box .m-article__box-title p,
#solution_water .m-article__box .m-article__box-title span,
#solution_water .m-article__box .m-article__box-title p {
  color: #EF7D1A;
}
#solution_ems #kanren-link .kanren-link-title,
#solution_fluctuation #kanren-link .kanren-link-title,
#solution_microgrid #kanren-link .kanren-link-title,
#solution_microgrid_ems #kanren-link .kanren-link-title,
#solution_voltagedip #kanren-link .kanren-link-title,
#solution_water #kanren-link .kanren-link-title {
  background: #EF7D1A;
}
#solution_ems #kanren-link .m-btn-ellipse,
#solution_fluctuation #kanren-link .m-btn-ellipse,
#solution_microgrid #kanren-link .m-btn-ellipse,
#solution_microgrid_ems #kanren-link .m-btn-ellipse,
#solution_voltagedip #kanren-link .m-btn-ellipse,
#solution_water #kanren-link .m-btn-ellipse {
  background-color: #EF7D1A;
  border-color: #EF7D1A;
}
#solution_ems #kanren-link .m-btn-ellipse:hover,
#solution_fluctuation #kanren-link .m-btn-ellipse:hover,
#solution_microgrid #kanren-link .m-btn-ellipse:hover,
#solution_microgrid_ems #kanren-link .m-btn-ellipse:hover,
#solution_voltagedip #kanren-link .m-btn-ellipse:hover,
#solution_water #kanren-link .m-btn-ellipse:hover {
  color: #EF7D1A;
  background: #fff;
}
#solution_ems #kanren-link .m-btn-ellipse:hover::before,
#solution_fluctuation #kanren-link .m-btn-ellipse:hover::before,
#solution_microgrid #kanren-link .m-btn-ellipse:hover::before,
#solution_microgrid_ems #kanren-link .m-btn-ellipse:hover::before,
#solution_voltagedip #kanren-link .m-btn-ellipse:hover::before,
#solution_water #kanren-link .m-btn-ellipse:hover::before {
  border-color: #EF7D1A;
}

@media screen and (max-width: 640px) {
  #solution_fluctuation .js-scrollable {
    width: calc(100% + 5.3333333333vw);
  }
}
@media screen and (max-width: 640px) {
  #solution_fluctuation .js-scrollable .list_box {
    width: 200vw;
    max-width: unset;
  }
}

.list_box {
  width: 1044px;
  max-width: 100%;
}
.list_box li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: #D0D3DB 1px solid;
  border-bottom: #D0D3DB 1px solid;
  background-color: #EEEEEE;
  position: relative;
  margin-bottom: 30px;
}
.list_box li::after {
  content: "";
  background: #000;
  height: 10px;
  width: 20px;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  display: block;
  position: absolute;
  bottom: -20px;
  left: 90px;
}
@media screen and (max-width: 640px) {
  .list_box li::after {
    left: calc(20vw - 10px);
  }
}
.list_box li:last-child {
  margin-bottom: 0;
}
.list_box li:last-child h4::after {
  content: none !important;
}
.list_box li:last-child::after {
  content: none;
}
.list_box li h4 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  background: #EEEEEE;
  width: 200px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 640px) {
  .list_box li h4 {
    font-size: 15px;
    font-size: 0.9375rem;
    width: 40vw;
    height: 44px;
  }
}
.list_box li p {
  font-size: 17px;
  font-size: 1.0625rem;
  letter-spacing: 0.06em;
  width: calc(100% - 200px);
  background-color: #fff;
  padding: 12px 30px;
}
@media screen and (max-width: 640px) {
  .list_box li p {
    font-size: 14px;
    font-size: 0.875rem;
    width: calc(100% - 40vw);
    padding-left: 4.2666666667vw;
    padding-right: 4.2666666667vw;
  }
}

#solution_ems .img_1 {
  width: 700px;
}

#solution_voltagedip .img_1 {
  width: 750px;
}

#solution_fluctuation .img_1 {
  width: 850px;
}
#solution_fluctuation .img_2 {
  width: 750px;
}/*# sourceMappingURL=solution.css.map */