/* Scss Document */
#mv {
  height: 200px;
  padding-bottom: 0 !important; }
  #mv .bg {
    background-image: url("../images/solution/mv_sp.jpg"); }
  #mv .cont {
    height: 100%;
    position: relative; }
  #mv .title {
    height: fit-content;
    color: #FFF; }
  @media (min-width: 768px) {
    #mv {
      height: 330px; }
      #mv .bg {
        background-image: url("../images/solution/mv_pc.jpg"); } }

#lead {
  background: linear-gradient(116.5811999307deg, #b8ffe7 1.8385416667%, #b7fee7 1.8385416667%, #6393ff 100.3802083333%);
  padding: 50px 0 !important; }
  #lead .about {
    margin-bottom: 40px; }
  #lead .project {
    max-width: 1000px;
    margin: auto; }
    #lead .project .heading {
      text-align: center;
      font-weight: bold;
      font-size: 1.4rem;
      margin-bottom: 20px; }
    #lead .project .body .label {
      font-weight: bold;
      font-size: 1.1rem; }
  @media (min-width: 768px) {
    #lead .about {
      text-align: center; } }

#waveCanvas {
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: -1; }

#solution {
  padding-top: 40px !important; }
  #solution .box_wrap {
    max-width: 1000px; }
  #solution .block:not(:last-child) {
    margin-bottom: 100px; }
  #solution .block .label {
    margin-bottom: 20px; }
    #solution .block .label .text {
      color: #006bce;
      font-size: 1.4rem;
      font-weight: bold;
      line-height: 1.5; }
  #solution .block .detail {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 40px; }
    #solution .block .detail .part {
      display: flex;
      flex-wrap: wrap;
      grid-gap: 20px;
      margin-bottom: 0;
      max-width: none; }
      #solution .block .detail .part .text_box .text .b {
        display: block;
        font-size: 1.2rem; }
  @media (min-width: 768px) {
    #solution .block {
      display: flex; }
      #solution .block .label {
        width: 200px; }
        #solution .block .label .text {
          font-size: 1.2rem; }
      #solution .block .detail {
        width: calc(100% - 200px);
        grid-gap: 50px; }
        #solution .block .detail .part {
          flex-direction: row;
          grid-gap: 40px; }
          #solution .block .detail .part .ph_box {
            width: 200px; }
          #solution .block .detail .part .text_box {
            width: calc(100% - 200px - 40px); }
          #solution .block .detail .part:nth-child(odd) {
            flex-direction: row-reverse; } }
  @media (min-width: 960px) {
    #solution .block .label {
      width: 240px; }
    #solution .block .detail .part {
      grid-gap: 60px; }
      #solution .block .detail .part .ph_box {
        width: 250px; }
      #solution .block .detail .part .text_box {
        width: calc(100% - 250px - 60px); } }