/* CSS Document */

div.form_intro { background-color:#f0fbda; padding:30px 0; }
div.intro_title hgroup { display:block; }
div.intro_title hgroup h1 { float:none; letter-spacing:2px; width:100%; }
div.intro_title hgroup h2 { background-color:#92cc02; color:#fff; font-size:18px; padding:10px 25px; margin:20px auto; text-align:center; max-width:275px; }
div.intro_title hgroup h3 { color:#fe981a; font-size:12px; }

div.form_address { padding:10px; margin:auto; max-width:350px; }

div.form_content { background-color:#f5f5ec; padding:30px 0; }
div.form_content div.container05 { margin-top:0; }

div.form_content div { margin:10px auto; }
div.form_content p { color:#066969; font-weight:600; text-indent:0; }
div.form_content div.form_radio p { color:#000; }
div.form_content input[type="text"], div.form_content input[type="tel"] { box-sizing:border-box; text-indent:0; padding:10px; max-width:100%; width:100%; }
div.form_content input[type="number"] { margin:0 5px 0 10px; padding:10px; }
div.form_content input[type="number"]:first-child { margin:0 5px 0 0; }
div.form_content select { background-color:#fff; border:none; padding:10px;min-width:250px; width:auto; }
div.form_content input[type="submit"] { background-color:#92cc02; border-radius:5rem; border:none; color:#fff; padding:10px 45px; margin:30px auto auto auto; }

    .toggle-item p {
      margin-bottom: 10px;
    }

/* チェックボックスを隠す */
div.form_content div.toggle-label input[type="checkbox"]:not(:checked),
div.form_content div.toggle-label input[type="checkbox"]:checked{
position:static !important;
}

    /* チェックボックスのラベル（ボタン） */
div.form_content div.toggle-label {
      display: inline-block;
	  margin:30px auto 10px auto;
      padding: 10px 20px 10px 0px;
      background-color:#92cc02; /* 背景色 */
      color: #fff; /* 文字色 */
      font-size: 16px;
      border: none;
      border-radius:35px;
      transition: all 0.3s ease;
      width: auto;
}
div.form_content div.toggle-label label {
    display: inline-block;
	cursor: pointer;
	min-width: 10em;
}

div.topics_naka_text { max-width:calc( 100% - 120px ); width:100%; }
div.container05 div.flexbox a { display:flex; justify-content:flex-start; align-items:flex-start; }

/* Contact Form エラーメッセージが空のとき枠全体を非表示 */
.wpcf7 form .wpcf7-response-output:empty {
	display: none;
}