:root {
    --brand-color: #026868;
    --subbrand-color: #22BFA1;
    
  }
  @media screen and (min-width: 751px) {
    :root {
      --section-margin:90px;
    }
  }
  @media screen and (max-width: 750px) {
    :root {
      --section-margin:60px;
    }
  }
  html {
    scroll-behavior: smooth;
  }


  input:-webkit-autofill
  {
    /* 色はinput要素の背景色（ここでは#fff）にそろえる */
    box-shadow: 0 0 0px 999px #fff inset;
  }
  
  input::placeholder {
    color: #6D6D6D; /* プレースホルダーの色を#6D6D6Dに設定 */
}

input::-webkit-input-placeholder { /* WebKitブラウザ用 */
    color: #6D6D6D;
}

input:-moz-placeholder { /* Firefox 18-用 */
    color: #6D6D6D;
}

input::-moz-placeholder { /* Firefox 19+用 */
    color: #6D6D6D;
}

input:-ms-input-placeholder { /* Internet Explorer 10+用 */
    color: #6D6D6D;
}
  input {
      -webkit-box-sizing: content-box;
      -webkit-appearance: button;
      appearance: button;
      border: none;
      box-sizing: border-box;
      cursor: pointer;
  
    border: 1px solid #CCC;
      
      width:100%
  }
  
  textarea {
      border-radius:5px;
      -webkit-box-sizing: content-box;
      -webkit-appearance: button;
      appearance: button;
      border: none;
      box-sizing: border-box;
      cursor: pointer;
  
    border: 1px solid #CCC;

      width:100%
  }

  main.moca_lp {
    width: 100%;
    background: #F8F8F8;
}
 
  @media screen and (min-width: 980px) {
    .fv_main_wrap{
      max-width: 1200px;
        min-width: 1000px;
        width: 100%;
      margin: auto;
    }
    .main_wrap{
      width:1000px;
      margin: auto;
    }
    .padding-width{
      padding-left:4%;
      padding-right: 4%;
    }

    
    a{
      color: #000;
      font-size:1.6rem;
      transition: opacity 0.5s
    }
    a:hover{
      opacity: 0.8;
    }
    p{
      font-size:16px;
      line-height: 140%;
      letter-spacing: 0.6px;
    }

  }
  
  @media screen and (max-width: 979px) {
    
    .main_wrap{
      width:100%;
      margin: auto;
    }
    .padding-width{
        padding-left:4%;
        padding-right: 4%;
      }

    
    a{
      color: #000;
      font-size:1.6rem;
      transition: opacity 0.5s
    }
    a:hover{
      opacity: 0.8;
    }
    p{
      font-size:1.4rem;
      line-height: 140%;
      margin-bottom:1.2rem;
    }

  }
  /**ここまでGLOBA**/