@charset "UTF-8";
.breadcrumb {
  background-color: transparent;
  max-width: 1264px;
  margin: auto;
  width: 84%;
  font-size: 16px;
}

.sol-link-sms-box .elementor-widget-wrap {
  cursor: pointer;
}

html .breadcrumb {
  background-color: transparent;
}

.top-sol__item--title.top-sol__item--title-application.text-center::before {
  content: "APPLICATION";
  color: #69e400;
}

html .breadcrumb {
  margin-bottom: 0;
  padding-bottom: 20px;
  margin-top: 0;
}

.breadcrumb li {
  font-size: 12px;
  padding-bottom: 12px;
}

#main .elementor-element-4314d53 .elementor-element.elementor-element-3722de0,
#main .elementor-element-4314d53 .elementor-element.elementor-element-cf366ad.elementor-view-default .elementor-icon {
  color: #69e400;
  fill: #69e400;
  border-color: #69e400;
}

.elementor-element-4314d53 .sol-link-sol-box .sol-link-box__more .elementor-icon-box-wrapper:hover,
.elementor-element-4314d53 .sol-link-sol-box .sol-link-box__more .elementor-icon-box-wrapper:focus {
  background: #69e400;
}

.elementor-2252 .elementor-element.elementor-element-8117bbb .elementor-icon-box-wrapper {
  text-align: center;
}

#main .elementor-element.elementor-element-8117bbb .elementor-icon-box-wrapper:hover {
  background-color: #69e400;
}

#main .elementor-element-d4e6f18 > div:hover .elementor-background-overlay {
  transition: all 0.5s ease;
  transform: scale(0.8);
  background-color: rgba(255, 255, 255, 0.9019607843);
  opacity: 1;
}

#main .elementor-element-d4e6f18 .elementor-widget-wrap.elementor-element-populated {
  padding: 60px;
}

#main .elementor-element-d4e6f18 .sol-link-box__more .elementor-icon-box-wrapper:hover,
#main .elementor-element-d4e6f18 .sol-link-box__more .elementor-icon-box-wrapper:focus {
  background: #69e400;
}

/*[pafe-template id="7410"]*/
#main .elementor-element-d4e6f18 .elementor-icon-box-title a {
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
}

.sols-sp__icons .imgw {
  background-color: #21253e;
  border-radius: 100%;
  display: block;
  width: 100px;
  height: 100px;
  margin: auto;
  align-items: center;
}

.sols-sp__icons .imgw img {
  margin: 26px;
  /* position: static; */
  padding: 80px auto;
  max-width: 48px;
  align-items: center;
  vertical-align: middle;
  max-height: 50px;
}

.flex {
  display: flex;
  gap: 30px 80px;
}

.flex ul,
.flex li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  font-size: 14px;
}

.flex li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  transform: scale(0.65, 1);
  display: inline-block;
  margin-right: 5px;
  color: #747ba3;
}

#main .sols-sp__icons .sols-sp__icons-box--icon:nth-of-type(4) .imgw img {
  padding-top: 8px !important;
}

.elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default {
  flex-wrap: wrap;
}

.elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div:nth-of-type(1) {
  width: 33.3333333333%;
  margin-bottom: 10px;
}

.elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div:nth-of-type(2) {
  width: 33.3333333333%;
  margin-bottom: 10px;
}

.elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div:nth-of-type(3) {
  width: 33.3333333333%;
  margin-bottom: 10px;
}

.elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div:nth-of-type(4) {
  width: 25%;
}

.elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div:nth-of-type(5) {
  width: 25%;
}

.elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div:nth-of-type(6) {
  width: 25%;
}

.elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div:nth-of-type(7) {
  width: 25%;
}

/* web-system */
.elementor .top-sol__wrap--web-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:hover > .elementor-background-overlay,
.elementor .top-sol__wrap--web-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:focus > .elementor-background-overlay,
.elementor .top-sol__wrap--core-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:hover > .elementor-background-overlay,
.elementor .top-sol__wrap--core-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:focus > .elementor-background-overlay,
.elementor .top-sol__wrap--sol-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:hover > .elementor-background-overlay,
.elementor .top-sol__wrap--sol-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:focus > .elementor-background-overlay,
.elementor .top-sol__wrap--cloud-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:hover > .elementor-background-overlay,
.elementor .top-sol__wrap--cloud-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:focus > .elementor-background-overlay,
.elementor .top-sol__wrap--support-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:hover > .elementor-background-overlay,
.elementor .top-sol__wrap--support-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:focus > .elementor-background-overlay,
.elementor .top-sol__wrap--payment-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:hover > .elementor-background-overlay,
.elementor .top-sol__wrap--payment-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:focus > .elementor-background-overlay {
  transition: all 0.5s ease;
  transform: scale(0.9);
}

#main .elementor .top-sol__wrap--web-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:hover > .elementor-background-overlay,
#main .elementor .top-sol__wrap--web-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:focus > .elementor-background-overlay,
#main .elementor .top-sol__wrap--core-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:hover > .elementor-background-overlay,
#main .elementor .top-sol__wrap--core-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:focus > .elementor-background-overlay,
#main .elementor .top-sol__wrap--sol-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:hover > .elementor-background-overlay,
#main .elementor .top-sol__wrap--sol-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:focus > .elementor-background-overlay,
#main .elementor .top-sol__wrap--cloud-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:hover > .elementor-background-overlay,
#main .elementor .top-sol__wrap--cloud-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:focus > .elementor-background-overlay,
#main .elementor .top-sol__wrap--support-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:hover > .elementor-background-overlay,
#main .elementor .top-sol__wrap--support-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:focus > .elementor-background-overlay,
#main .elementor .top-sol__wrap--payment-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:hover > .elementor-background-overlay,
#main .elementor .top-sol__wrap--payment-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap:focus > .elementor-background-overlay {
  transition: all 0.5s ease;
  transform: scale(0.9);
}

.elementor-element-4e427be > div {
  height: 659px;
}

#page p.heading-box__pale-green2 {
  color: #69e400;
}

.page-id-7353 .elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator {
  border-top: solid 2px #69e400;
}

.home .elementor-5946 .elementor-element.elementor-element-a03aee0 .elementor-heading-title {
  color: #000;
}

/*#21253e*/
/* ===== SP style  ===== */
@media (max-width: 767px) {
  /*#content #main .elementor-7521 .elementor-element.elementor-element-5ff686e > .elementor-element-populated,*/
  #content #main .elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div {
    margin-bottom: 0;
  }
  /* トップページのソリューションメニューの下マージン設定 */
  #content #main .elementor-5946 .elementor-element.elementor-element-5af970f > .elementor-element-populated,
  #content #main .elementor-7521 .elementor-element.elementor-element-cc16091 > .elementor-element-populated,
  #content #main .elementor-8026 .elementor-element.elementor-element-cc16091 > .elementor-element-populated,
  #content #main .elementor-8026 .elementor-element.elementor-element-593a44d > .elementor-element-populated,
  #content #main .elementor-8596 .elementor-element.elementor-element-f539b89 > .elementor-element-populated,
  #content #main .elementor-8596 .elementor-element.elementor-element-2e08306 > .elementor-element-populated {
    margin-bottom: 20px;
  }
  .elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default {
    display: block;
  }
  /* ボタンの入っているセクションの「elementor-element-dd62771」は本番でクラス名が変わるかも */
  #content #main .elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div,
  #content #main .elementor-element.elementor-element-dd62771 > .elementor-container.elementor-column-gap-default > div {
    width: 100%;
  }
  #main .elementor .top-sol__wrap--web-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap > .elementor-background-overlay,
  #main .elementor .top-sol__wrap--core-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap > .elementor-background-overlay,
  #main .elementor .top-sol__wrap--sol-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap > .elementor-background-overlay,
  #main .elementor .top-sol__wrap--cloud-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap > .elementor-background-overlay,
  #main .elementor .top-sol__wrap--support-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap > .elementor-background-overlay,
  #main .elementor .top-sol__wrap--payment-box.elementor-element:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap > .elementor-background-overlay {
    transition: all 0.5s ease;
    transform: scale(0.9);
  }
  html .sols-sp__icons-box {
    display: flex;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: normal;
  }
  html .page-id-7353 .elementor-widget-container > img {
    max-width: 90%;
  }
}
/*----------------------------------------------------------------
2024.02.21 
------------------------------------------------------------------*/
/*
以下、「OTHER SOLUTION」の順序。
1.AI
2.car navi system
3.movie
4.web-system
5.cloud-core-system
6.application
7.various-solution
8.online-payment
9.cloud-service
10.support
11.solution-showcase
*/
/* 1.ai */
.page-id-7917 #main .elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div:not(:nth-of-type(1)) {
  margin-bottom: 10px;
}

/* 2.car navi system */
.page-id-8403 #main .elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div:not(:nth-of-type(2)) {
  margin-bottom: 10px;
}

/* 3.movie */
.page-id-7900 #main .elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div:not(:nth-of-type(3)) {
  margin-bottom: 10px;
}

/* 4.web-system */
.page-id-5998 #main .elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div:not(:nth-of-type(4)) {
  margin-bottom: 10px;
}

/* 5.cloud-core-system */
.page-id-6011 #main .elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div:not(:nth-of-type(5)) {
  margin-bottom: 10px;
}

/* 6.application */
.page-id-7353 #main .elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div:not(:nth-of-type(6)) {
  margin-bottom: 10px;
}

/* 7.various-solution */
.page-id-6013 #main .elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div:not(:nth-of-type(7)) {
  margin-bottom: 10px;
}

/* 8.online-payment */
.page-id-5684 #main .elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div:not(:nth-of-type(8)) {
  margin-bottom: 10px;
}

/* 9.cloud-service */
.page-id-6009 #main .elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div:not(:nth-of-type(9)) {
  margin-bottom: 10px;
}

/* 10.support */
.page-id-6012 #main .elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div:not(:nth-of-type(10)) {
  margin-bottom: 10px;
}

/* 11.solution-showcase */
.page-id-7977 #main .elementor-element.elementor-element-f10489e > .elementor-container.elementor-column-gap-default > div:not(:nth-of-type(11)) {
  margin-bottom: 10px;
}

.elementor-section .elementor-container {
  justify-content: space-between;
}

@media (max-width: 767px) {
  .elementor-8115 .elementor-element.elementor-element-cc16091 > .elementor-element-populated {
    margin: 0px 0px 20px 0px !important;
  }
  .elementor-8115 .elementor-element.elementor-element-593a44d > .elementor-element-populated {
    margin: 0px 0px 20px 0px !important;
  }
}