@charset "utf-8";

/* page_header */
@media screen and (min-width: 751px) {
  .page_header .heading {
    margin: 0 44px;
  }
  .page_header .heading svg {
    width: 305px;
  }
}
@media screen and (max-width: 750px) {
  .page_header .heading {
    margin: 0 calc(18vw / 375 * 100);
  }
  .page_header .heading svg {
    width: calc(147vw / 375 * 100);
  }
}

/* solution list */
@media screen and (min-width: 751px) {
  .solution_lists {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 44px;
    margin-right: 44px;
    padding-bottom: 96px;
  }
  .solution_lists li {
    display: -webkit-flex;
    display: flex;
    width: 100%;
  }
  .solution_lists li .solution_content {
    -webkit-flex: 1;
    flex: 1;
    margin-top: -8px;
    text-align: justify;
  }
  .solution_lists li h3.datarobot {
    width: 208px;
    margin-top: 4px;
  }
  .solution_lists li h3.seminar {
    width: 305px;
    margin-top: 8px;
  }
  .solution_lists li .txt {
    margin-top: 24px;
    margin-right: 40px;
  }
  .solution_lists li .link {
    display: inline-block;
    color: #808080;
  }
  .solution_lists li .solution_img {
    width: calc((100% - 40px) / 2);
  }
  .solution_lists li .solution_img img {
    width: 100%;
  }
  .solution_lists li .solution_img a {
    -webkit-transition: opacity .2s linear 0s;
    -moz-transition: opacity .2s linear 0s;
    -o-transition: opacity .2s linear 0s;
    transition: opacity .2s linear 0s;
    display: block;
  }
  .solution_lists li .solution_img a:hover {
    opacity: .55;
  }
  .solution_lists li .link::after { border-color: #808080; }
}

@media screen and (max-width: 750px) {
  .solution_lists {
    margin-left: calc(18vw / 375 * 100);
    margin-right: calc(18vw / 375 * 100);
    padding-bottom: calc(40vw / 375 * 100);
    margin-top: calc(24vw / 375 * 100);
    font-size: calc(14vw / 375 * 100);
    line-height: calc(22vw / 375 * 100);
  }
  .solution_lists li {
    padding-top: calc(6vw / 375 * 100);
    display: none;
  }
  .solution_lists li:nth-child(1),
  .solution_lists li:nth-child(2),
  .solution_lists li:nth-child(3),
  .solution_lists li:nth-child(4),
  .solution_lists li:nth-child(5),
  .solution_lists li:nth-child(6),
  .solution_lists li:nth-child(7),
  .solution_lists li:nth-child(8),
  .solution_lists li:nth-child(9),
  .solution_lists li:nth-child(10) { display: block; }
  .solution_lists li:not(:first-child) { margin-top: calc(30vw / 375 * 100); }
  .solution_lists li .solution_content {
    margin-top: calc(12vw / 375 * 100);
    text-align: justify;
  }
  .solution_lists li h3.datarobot {
    width: calc(104vw / 375 * 100);
    margin-top: calc(-14vw / 375 * 100);
  }
  .solution_lists li h3.seminar {
    width: calc(152.5vw / 375 * 100);
    margin-top: calc(-14vw / 375 * 100);
  }
  .solution_lists li .sp {
    margin-top: calc(20vw / 375 * 100);
    display: block;
  }
  .solution_lists li .sp img {
    width: 100%;
  }
  .solution_lists li .txt {
    margin-top: calc(8vw / 375 * 100);
    font-size: calc(16vw / 375 * 100);
    line-height: calc(32vw / 375 * 100);
  }
  .solution_lists li .link {
    margin-top: calc(12vw / 375 * 100);
    display: block;
    color: #808080;
    width: calc(56vw / 375 * 100);
    white-space: nowrap;
  }
  .solution_lists li .link::after {
    border-color: #808080;
    bottom: 0;
  }
}