/*
.more
{
  display: flex;
  a
  {
    color:$main-color;
    background-color: $bg-color;
    border:1px solid $main-color;
    font-weight: 700;
    padding:16px 24px;
    border-radius: 4px;
    transition-duration:.5s;
    &:hover
    {
      background-color: $main-color;
      color:#fff;
    }
  }
}

#banner
{
  display: flex;
  overflow: hidden;
  article
  {
    position: relative;
    min-width:100%;
    height:100%;
    display: flex;
    align-items:center;
    picture
    {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top:0px;
      left:0px;

      img
      {
        object-fit:cover;
        object-position: center;
        display: block;
        width: 100%;
        height:100%;
      }
    }
    >div
    {
      position: relative;
      z-index:1;
      h2
      {
        color: #FFF;
        font-size: 36px;
        font-weight: 700;
        line-height: 52px;
        letter-spacing: 1.44px;
        margin-bottom:40px;
      }
      p
      {
        strong
        {
          font-size: 22px;
          font-weight: 600;
          line-height:33px;
        }
        color:#fff;
        margin-bottom:40px;
      }

    }
  }
  @media(min-width:980px)
  {
    height:56.25vw;
  }
  @media(max-width:979px)
  {
    height: 170vw;
  }
  @media(max-width:767px)
  {
    article
    {
      >div
      {
        h2
        {
          font-size:24px;
          line-height:36px;
        }
        p
        {
          font-size:14px;
          line-height:21px;
          strong
          {
            font-size:18px;
            line-height:27px;
          }
          
        }
      }
    }
  }
}

#ensure
{
  h2
  {
    font-size: 28px;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: 1.12px;
    padding-top:88px;
    padding-bottom:88px;
  }
  .body
  {
    margin-bottom:88px;
    picture
    {
      display: block;
      img
      {
        display: block;
        width: 100%;
      }
    }
    .article-list
    {

      display: flex;
      flex-direction:column;
      justify-content:space-between;
      .article
      {
        padding-top:20px;
        padding-bottom:20px;
        h3
        {
          font-size: 24px;
          line-height: 36px; 
          letter-spacing: 0.96px;
          margin-bottom:8px;
          span
          {
            color:$main-color;
            display: block;
            color:$main-color;
            font-size: 16px;
            line-height: 24px; 
            letter-spacing: 0.64px;
          }
        }
        p
        {
          font-size: 16px;
          font-weight: 400;
          line-height: 24px; 
          letter-spacing: 0.64px;
        }
      }
    }

  }
  .foot
  {
    padding-top:44px;
    padding-bottom:44px;
    p
    {
      font-size: 24px;
      line-height: 36px;
      letter-spacing: 0.96px;
    }
  }
  @media(min-width:768px)
  {
    .body
    {
      display: flex;
      >picture
      {
        width: 50%;
        img
        {
          height: 100%;
          object-fit:cover;
        }
      }
      .article-list
      {
        padding-left:7.33%;
        width: 50%;
        .article
        {
          picture
          {
            display: none;
          }
        }
      }
    }
    .foot
    {
      display: flex;
      justify-content:space-between;
      align-items:center;
    }
  }
  @media(max-width:767px)
  {
    .body
    {
      margin-bottom:0;
      >picture
      {
        display: none;
      }
      .article-list
      {
        .article
        {
          h3
          {
            margin-bottom:24px;
          }
          p
          {
            margin-bottom:24px;
          }
          picture
          {
            display: block;
            img
            {
              display: block;
              width: 100%;
            }
          }
        }

      }
    }
    .foot
    {
      p
      {
        margin-bottom:48px;
      }

    }
  }
}

#feature
{
  display: flex;
  padding-top:44px;
  margin-bottom:44px;
  article
  {

    position: relative;
    color:#fff;

    div
    {
      position: relative;
      z-index:1;
      h2
      {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: 0.72px;
        margin-bottom:24px;
      }
    }
    picture
    {
      height:100%;
      position: absolute;
      left:0px;
      top:0;
      width: 100%;
      img
      {
        width: 100%;
        height:100%;
        display: block;
        object-fit:cover;
        object-position: center;
      }
    }
  }
  @media(min-width:980px)
  {

    justify-content:space-between;
    article
    {
      width: calc(90% / 5);
      display: flex;
      padding:2.5%;
      >div
      {
        padding-top:55%;
      }
    }
  }
  @media(max-width:979px)
  {
    overflow-x: auto;
    article
    {
      min-width:345px;
      width:345px;
      margin-right:24px;
      padding:48px;
      &:last-child
      {
        margin-right:0;
      }
      div
      {
        padding-top:50%;
      }
    }
  }

}

#step
{
  padding-bottom:88px;
  h2
  {
    font-size: 28px;
    line-height: 42px; 
    letter-spacing: 1.12px;
    margin-bottom:88px;
  }
  .data-list
  {
    div
    {

      h3
      {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 0.72px;
        margin-bottom:24px;
      }
      ul
      {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px; 
        letter-spacing: 0.64px;
        margin-bottom:40px;
        li
        {
          display: flex;
          align-items:center;
          margin-bottom:8px;
          i
          {
            width: 28px;
            height:28px;
            border-radius:100%;
            text-align: center;
            line-height:26px;
            border:1px solid #C4C9D5;
            margin-right:16px;
          }
        }
      }
      picture
      {
        display: block;
        img
        {
          display: block;
          width: 100%;
        }
      }
    }
  }
  @media(min-width:768px)
  {
    .data-list
    {
      display: flex;
      justify-content:center;
      div
      {
        padding-left:6.666%;
        padding-right:6.666%;
        border-right: 1px solid #D8DAE5;
        &:last-child
        {
          border-right:0px;
        }
        flex:1;
        display: flex;
        flex-direction:column;
        justify-content:flex-end;
        ul
        {
          flex:1;
        }
      }
    }
  }
  @media(max-width:767px)
  {
    .data-list
    {
      div
      {
        display: grid;
        padding-bottom:24px;
        margin-bottom:24px;
        border-bottom: 1px solid #D8DAE5;
        &:last-child
        {
          padding-bottom:0px;
          margin-bottom:0px;
          border:0px;
        }
        grid-template-columns: 3fr 1fr;
        grid-template-areas:
        "A B"
        "C B";
        h3
        {
          grid-area: A;
          padding-right:10px;
        }
        ul
        {
          grid-area: C;
          padding-right:10px;
        }
        picture
        {
          grid-area: B;

        }
      }
    }
  }
}

#about
{
  margin-bottom:44px;
  picture
  {
    margin-bottom:88px;
    display: block;
    img
    {
      display: block;
      width: 100%;
    }
  }
  h2
  {
    font-size: 28px;
    line-height: 42px;
    letter-spacing: 1.12px;
    margin-bottom:48px;
  }
  p
  {
    max-width:680px;
  }
}

*/