@charset "utf-8";

/* radio/check box */
.radio-check {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    height: var(--size-m);
    color: var(--gray-xdark);
}
.radio-check.on {
    color: var(--black-default);
}
.radio-check .icon {
    position: relative;
    top: -0.03em;
    margin-right: var(--space-3xs);
    font-size: var(--font-2xl);
}
.radio-check.on .icon {
    color: var(--point-default);
}
.radio-check .check {
    display: block;
}
.radio-check .checked {
    display: none;
}
.radio-check.on .check {
    display: none;
}
.radio-check.on .checked {
    display: block;
}
.radio-check-horizontal {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin: 0px calc(-1 * var(--space-xs));
}
.radio-check-horizontal .radio-check {
    margin: 0px var(--space-xs);
}
.radio-check-vertical {
    display: flex;
    flex-flow: column;
}