/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/


input[type="radio"], input[type="checkbox"] {
    margin: 0 0 0;
}

.radio-group {
  display: flex; /* ラジオボタン全体をフレックスボックスで水平に並べる */
  flex-wrap: wrap; /* 必要に応じて改行を許可 */
  gap: 15px; /* 各ラジオボタンのペアの間にスペースを設ける */
}

.radio-option {
  display: flex; /* ラジオボタンとラベルをフレックスボックスで配置 */
  align-items: center; /* 垂直方向に中央揃えにすることで、ラジオボタンとラベルの高さを揃える */
}

.inline-label {
  margin: 0 2px 0;
}

.table-no-border, .table-no-border td, .table-no-border th {
  border: none;
  border-collapse: collapse;
  cellpadding: 0;
  cellspacing: 0;
}