@import url('./common.css');

/* home.css固有のスタイル */


/* homeページのメインコンテンツ */

#contact{
.wrapper{
  .contact{
    .inner{
      .title{
        margin-top: calc(220 / 1363 * 100%);
                            &:after {
                        content: "";
                        display: block;
                        width: 80px;
                        height: 2px;
                        background-color: var(--gold);
                        margin: calc(70 / 1363 * 100%) auto;
                        @media screen and (min-width: 769px) {
                        height: 4px;
                        }
                    }
      }
      form{
        width: 100%;
        margin: 0 auto;
        max-width: 100%;
        text-align: left;
        @media screen and (min-width: 769px) {
          max-width: calc(814 / 1363 * 100%);
        }
        label{
          width: 100%;
          font-size:clamp(16px, 0.2vw + 15.24px, 18px);
          margin-bottom: .5rem;
          display: inline-block;
          .required{
            color: var(--red);
            display: inline-block;
            margin-left: 5px;
          }
          
        }
        input{
          width: 100%;
          height: 50px;
          border: 1px solid #bcbcbc;
          margin-bottom: calc(30 / 1363 * 100%);
          &.wpcf7-submit{
            border: none;
            height: 54px;
            line-height: 54px;
          }
        }
        textarea{
          width: 100%;
           border: 1px solid #bcbcbc;
           height: 200px;
           margin-bottom: calc(40 / 814 * 100%);
        }
        button{
          width: 100%;
        }
      }
      .privacy{
        max-width: 100%;
        margin: calc(30 / 1363 * 100%) auto 0;
        background-color: #f4f4f4;
        padding: calc(15 / 814 * 100%) calc(5 / 814 * 100%);
        @media screen and (min-width: 769px) {
          max-width: calc(814 / 1363 * 100%);
        }
        p{
          padding: 0 calc(30 / 1363 * 100%);
          @media screen and (min-width: 769px) {
           text-align: center;
           padding: 0;
          }
          a{
            text-decoration: underline;
          }
        }
      }
    }
  }
}
}