article
{
  h1
  {
    text-align: center;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 1.28px;
    text-align: center;
    margin-bottom:40px;
    margin-bottom:40px;
  }
  #description
  {
    margin-bottom:40px;
    a
    {
      display: inline-block;
      padding:6px 0;
      margin-bottom:6px;
      border-bottom:1px solid $text-color;
      font-weight: 700;
      line-height: 22px; /* 146.667% */
      letter-spacing: 0.6px;
    }
  }
  >div
  {
    form
    {
      margin-bottom:40px;
      .form-group
      {
        display: flex;
        margin-bottom:16px;
        align-items:center;
        label
        {
          width: 102px;
          &::after
          {
            content:'：';
          }
        }
        input,select,textarea
        {
          flex:1;
          border:0px;
          border-bottom:1px solid $text-color;
          padding:12px 0;
        }
        textarea
        {
          height:200px;
        }
      }
      .form-btn
      {
        display: flex;
        justify-content:flex-end;
        button
        {
          border:1px solid $text-color;
          padding:14px 32px;
          border-radius: 100px;
        }
      }
    }
    picture
    {
      display: block;
      width: 100%;
      img
      {
        display: block;
        width: 100%;
      }
    }
  }
  @media(min-width:768px)
  {
    h1
    {
      margin-bottom:88px;
    }
    >div
    {
      display: flex;
      form
      {
        flex:1;
        padding-right:10%;
        #description
        {
          a
          {
            padding-top:16px;
            margin-bottom:16px;
          }
        }
      }
      picture
      {
        width: 40%;
      }
    }
  }
}