body {
  font-family: sans-serif;
  margin: 0px;
  text-align: center;
  padding: 0px;
}

p {
  margin: 10px;
  padding: 0px;
}

h1 {
  font-size:clamp(24px, 8vw, 36px) ;
 }

 .br-sp {
  display: none;
}

 .container {
  margin: 0 auto;
}

/* フォームをインラインブロックにして中央配置、内容は左寄せ */
form {
  display: inline-block;
  text-align: left;
}


/* labelの設定 */
label {
  font-weight: bold;
}

/* チェックボックス群を右にずらす */
.checkbox-group {
  margin-top: -16px;
  margin-left: 40px;
}

/* チェックボックスに付随する label は太字解除 */
.checkbox-group label {
  font-weight: normal;
}

/* セレクトボックス */
select {
  height : 30px;
  width: 100px;
  max-width: 150px;
  box-sizing: border-box;
  margin-bottom: 6px;
  background: #d5f0f2;
}


/* 入力欄 */
input[type="text"] {
  box-sizing: border-box;
  margin-bottom: 6px;
  background: #d5f0f2;
}

/* メイン検索入力欄 */
input[id="all"] {
  margin: 0 auto;
  width: 500px;
  height : 40px;
  font-size: clamp(12pt, 3vw, 16pt) ;
}

/* NOT検索入力欄 */
input[id="not"] {
  height : 30px;
  width: 300px;
  font-size: clamp(10pt, 2.5vw, 12pt) ;
}

/* 検索ボタン */
input[type="submit"] {
  width: 180px;
  max-width: 180px;
  height : 50px;
  font-size: 14pt;
  margin-top: 12px;
  margin-bottom: 12px;
}

/* スマホなどの狭い画面用 */
@media (max-width: 600px) {
  input[id="all"] {
    margin: 0 auto;
    width: 98%;
    height : 30px;
  }
  .br-sp {
    display: block;
  }
  input[id="not"] {
    width: 160px;
  }
  
  
}