/* ---アンケート --- */

.radioArea input[type="radio"] {
  width         : 10pt;        /* 大きさ：横 */
  height        : 10pt;        /* 大きさ：縦 */
  vertical-align: top;         /* 並び位置   */
  display       : none;        /* チェックボックス非表示 */

}
 /* --- チェックボックス直後のlabel --- */
.radioArea input[type="radio"] + label {
  width:18px;
  height:18px;
  padding       : 0 4px;                      /* labelの余白 */
  font-size     : 9pt;                       /* labelの文字サイズ */
  font-weight   : bold;                       /* 文字太さ   */
  border        : 2px solid #eb5505; /* labelの枠線 */
  border-radius : 50px;                        /* labelの角丸 */
  background    : #ffffff;                    /* lebelの背景 */
  cursor        : pointer;                    /* カーソル設定 */
  transition    : .2s;                        /* なめらか変化 */
}
 /* --- 選択されたチェックボックス直後のlabel --- */
.radioArea input[type="radio"]:checked + label {
  background    : #fb742b;                    /* lebelの背景 */
}
 /* --- 選択されていないチェックボックス直後のlabelにマウスが乗った --- */
.radioArea input[type="radio"]:not(:checked) + label:hover {
  background    : #fc9a65;     /* lebelの背景 */
}




#Q_after{
  display:none;
}

.Q_wrap ,.Q_after_wrap{
  border :solid 2px #eb5505;
  padding:10px;
  border-radius : 10px;
}

#Q_before ,#Q_after{
  max-width:500px;
  margin:0 auto;
}
@media (max-width: 544px) {
#Q_before ,#Q_after{
  max-width:320px;
  margin:0 auto;
}
}


.Q_wrap table{
  width:100%;
  font-size: 14px;
}

#Q_before table{table-layout: fixed; width:100%;}

body .information_wrap .list-u-w-q{padding:0;text-align:left;font-size: 14px;}
body .information_wrap .list-u-w-q>*{position:relative;padding-left:1.5em}
body .information_wrap .list-u-w-q>*:before{position:absolute;left:0;content:"Q："}

#Q_before button {
  font-size: 0.9em;
  font-weight: bold;
  padding: 10px;
  background-color: #eb5505;
  color: #fff;
  border-style: none;
  border-radius : 5px;
  box-shadow: 3px 3px 2px #b7b5ac;
}

#Q_before .button3:hover {
  background-color: #ff6918;
  opacity: 0.9;
}


 /* --- アンケート --- */