.more
{
  
  display: flex;
  a
  {
    padding:8px 40px;
    background-color: $main-color;
    color:#fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 1.6px;
    border-radius: 50px;
    transition-duration:.5s;
    &:hover
    {
      color:$main-color;
      background-color: #FFECBE;
    }
  }
}

header
{
  margin-bottom:65px;
  h1
  {
    
    padding:20px;
    text-align: center;
    font-size: 42px;
    font-weight: 500;
    line-height: 63px; /* 150% */
    letter-spacing: 4.2px;
    display: flex;
    justify-content:center;
    align-items:center;
  }
  picture
  {
    display: block;
    width: 100%;
    img
    {
      display: block;
      width: 100%;
    }
  }
  @media(min-width:980px)
  {
    display: flex;
    h1
    {
      width: 35%;
      order:1;
    }
    picture
    {
      order:0;
      width: 65%;
      img
      {
        display: block;
        width: 100%;
      }
    }
  }

}

#content-list
{
  .content
  {
    margin-bottom:65px;
    >div
    {
      margin-bottom:50px;
      .list-a
      {
        display: flex;
        flex-wrap:wrap;
        justify-content:center;
        h2
        {
          text-align: center;
          width: 100%;
          font-size: 42px;
          font-weight: 500;
          line-height: 63px; /* 150% */
          letter-spacing: 4.2px;
          padding-bottom:10px;
          margin-bottom:10px;
          border-bottom:1px solid #ededed;
        }
        ul
        {
          list-style-type: disc;
          list-style-position:inside;
          li
          {
            font-size: 20px;
            font-weight: 400;
            line-height: 30px; /* 150% */
            letter-spacing: 2px;
            color:$main-color;
          }
        }
      }
      .list-b
      {
        h2
        {
          font-size: 32px;
          font-weight: 400;
          line-height: 48px; /* 150% */
          letter-spacing: 3.2px;
          padding-left:20px;
          border-left:1px solid #ededed;
          margin-bottom:10px;
        }
        p
        {
          font-size: 20px;
          font-weight: 400;
          line-height: 30px; /* 150% */
          letter-spacing: 2px;
          color:$text-color;
          margin-bottom:40px;
        }
      }
    }
  }
  @media(min-width:980px)
  {
    .content
    {
      display: flex;
      
      picture
      {
        width: 57%;
        img
        {
          display: block;
          width: 100%;
        }
      }
      >div
      {
        flex:1;
        padding:50px;
        display: flex;
        align-items:center;
        justify-content:center;
        
      }
      &:nth-child(2n)
      {
        >div
        {
          order:1;
        }
        picture
        {
          order:0;
        }
      }
    }
  }
  @media(max-width:979px)
  {
    .content
    {
      picture
      {
        display: block;
        width: 100%;
        img
        {
          width: 100%;
          display: block;
        }
      }
    }
  }
}


#feedback
{
  margin-bottom:80px;
}

#service-foot
{
  margin-bottom:80px;
  #gray
  {
    margin-bottom:80px;
    background-color: #ededed;
    padding-top:100px;
    padding-bottom:100px;
    display: flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    picture
    {
      img
      {
        display: block;
        max-width: 100%;
      }
    }
    h2
    {
      color:$text-color;
      font-size: 42px;
      font-weight: 500;
      line-height: 63px; /* 150% */
      letter-spacing: 4.2px;
      border-bottom:1px solid #CB9319;
      padding-bottom:20px;
      margin-bottom:20px;
    }
    h3
    {
      color:$text-color;
      font-size: 20px;
      font-weight: 400;
      line-height: 30px; /* 150% */
      letter-spacing: 2px;
      margin-bottom:20px;
    }
    p
    {
      max-width: 360px;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px; /* 150% */
      letter-spacing: 1.6px;
      color:#898989;
    }
  }

  #why-us
  {
    margin-bottom:80px;
    .info
    {
      margin-bottom:40px;
      display: flex;
      flex-direction:column;
      justify-content:flex-start;
      align-items:flex-start;
      h2
      {
        font-size: 42px;
        font-weight: 500;
        line-height: 63px; /* 150% */
        letter-spacing: 4.2px;
        border-bottom:1px solid #ededed;
        padding-bottom:20px;
        margin-bottom:20px;
        color:$main-color;
      }
      h3
      {
        margin-bottom:20px;
        color:$main-color;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px; /* 150% */
        letter-spacing: 2px;
      }
      p
      {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px; /* 150% */
        letter-spacing: 1.6px;
        color:#898989;
      }
    }
    .article-list
    {
      .article
      {
        border-radius: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        color:#fff;
        span
        {
          margin-bottom:5px;
          font-size:42px;
          text-align: center;
          display: block;
        }
        h3
        {
          font-size: 32px;
          font-weight: 400;
          line-height: 48px; /* 150% */
          letter-spacing: 3.2px;
          margin-bottom:15px;
          border-bottom:1px solid #fff;
          padding-bottom:15px;
          text-align: center;
        }
        p
        {
          font-size: 16px;
          font-weight: 400;
          line-height: 24px; /* 150% */
          letter-spacing: 1.6px;
        }
      }
    }
    @media(min-width:980px)
    {
      display: flex;
      .info
      {
        width: 28%;
        padding-right:2%
      }
      .article-list
      {
        flex:1;
      }
    }
    @media(min-width:768px)
    {
      .article-list
      {
        display: flex;
        .article
        {
          margin:0 2%;

          flex:1;
          
          padding:2%;
          &:first-child
          {
            margin-left:0;
          }
          &:last-child
          {
            margin-right:0;
          }
        }
      }
    }
    @media(max-width:767px)
    {
      .article-list
      {
        .article
        {
          margin-bottom:20px;
          padding:5%;
        }
      }
    }
  }

  #service-list
  {
    h2
    {
      text-align: center;
      font-size: 42px;
      font-weight: 500;
      line-height: 63px; /* 150% */
      letter-spacing: 4.2px;
      color:$text-color;
      margin-bottom:85px;
    }
    ul
    {
      display: flex;
      flex-wrap:wrap;
      li
      {
        a
        {
          display: block;
          picture
          {
            overflow: hidden;
            border-radius: 20px;
            display: block;
            width: 100%;
            margin-bottom:13px;
            img
            {
              display: block;
              width: 100%;
            }
          }
          span
          {
            font-size: 20px;
            font-weight: 400;
            line-height: 30px; /* 150% */
            letter-spacing: 2px;
            color:$text-color;
          }
        }
      }
    }
    @media(min-width:768px)
    {
      ul
      {
        li
        {
          width: calc(94% / 4);
          margin:0 1% 2% 1%;
          &:nth-child(4n)
          {
            margin-right: 0px;
          }
          &:nth-child(4n + 1)
          {
            margin-left:0px;
          }
        }
      }
    }
    @media(max-width:767px)
    {
      ul
      {
        li
        {
          width: calc(50% - 10px);
          margin:0 10px 20px 10px;
          &:nth-child(2n)
          {
            margin-right: 0px;
          }
          &:nth-child(2n + 1)
          {
            margin-left:0px;
          }
        }
      }
    }
  }
}