/* .........................................
//
// フォームのラジオボタン部分
//
// ......................................... */

.form-radio {
  margin-top: 24px;
}

.form-radio.column{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-radio.row{
    display: flex;
    gap: 24px;
}


/* チェックボックスと文字の縦中央を揃えるために絶対値指定、間隔はpaddingでつける */
.form-radio label {
    display:block;
    position:relative;
    padding-left: 2rem;
}

.form-radio label input{
    display: inline-block;
    width: 24px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    margin:auto;
    border: 1px solid var(--Border);
    background-color: var(--White); 
    width: 24px;
    height: 24px;
    outline: none;
    cursor: pointer;
    border-radius: 50%;
}

.form-radio label input:checked {
    border: 6px solid #203A72; 
}