.fixed {
    position: fixed;
}
.u-none-display {
    display: none;
}
.flex-group {
    display: flex !important;
}
.flex-group.align-base-line {
    align-items: baseline !important;
}
.flex-group.justify-space-between {
    justify-content: space-between !important;
}
.flex-group.row-flex-wrap {
    flex-wrap: wrap !important;
}
.u-input-hankaku-7 {
    width: 100px;
}
.u-input-hankaku-11 {
    width: clamp(100px, 100%, 130px);
}
.u-input-hankaku-13 {
    width: clamp(100px, 100%, 140px);
}
.u-input-hankaku-16 {
    width: clamp(100px, 100%, 150px);
}
.u-input-hankaku-20 {
    width: clamp(100px, 100%, 200px);
}
.u-input-hankaku-50 {
    width: clamp(100px, 100%, 425px);
}
.u-input-hankaku-100 {
    width: clamp(100px, 100%, 850px);
}
.u-input-zenkaku-30 {
    width: clamp(100px, 100%, 500px);
}
.u-input-zenkaku-60 {
    width: clamp(100px, 100%, 900px);
}
.u-input-128 {
    width: 70%;
}
.u-input-w100 {
    width: 100%;
}
.u-center {
    text-align: center;
}
.u-left {
    text-align: left;
}
.u-width-5 {
    width: 5%;
}
.u-width-10 {
    width: 10%;
}
.u-width-20 {
    width: 20%;
}
.u-width-25 {
    width: 25%;
}
.u-width-30 {
    width: 30%;
}
.u-width-40 {
    width: 40%;
}
.u-width-50 {
    width: 50%;
}
.u-width-60 {
    width: 60%;
}
.u-width-70 {
    width: 70%;
}
.u-width-75 {
    width: 75%;
}
.u-width-80 {
    width: 80%;
}
.u-width-90 {
    width: 90%;
}
.u-width-100 {
    width: 100%;
}
.u-display-none {
    display: none;
}
.u-disabled {
    opacity: 0.5;
    pointer-events: none;
}
.u-word-break-all {
    word-break: break-all;
}
.error {
    margin-top: var(--sSizeXXS);
    color: var(--colorRed4);
    font-weight: bold;
    display: block;
}
.u-color-red {
    color: var(--colorRed4);
}
.u-decoration-underline {
    text-decoration: underline;
}
.white-space-pre-wrap {
    white-space: pre-wrap;
}
/* -------------------------------------------------------------
 * formsetの英文のエラーメッセージを非表示
 * ---------------------------------------------------------- */
.errorlist.nonfield {
    display: none;
}
/* -------------------------------------------------------------
 * margin
 * ---------------------------------------------------------- */
.m-xxs {
    margin: var(--sSizeXXS) !important;
}
/* -------------------------------------------------------------
 * margin-bottom
 * ---------------------------------------------------------- */
.mb-xs {
    margin-bottom: var(--sSizeXS) !important;
}
.mb-s {
    margin-bottom: var(--sSizeS) !important;
}
/* -------------------------------------------------------------
 * margin-right
 * ---------------------------------------------------------- */
.mr-xs {
    margin-right: var(--sSizeXS) !important;
}
/* -------------------------------------------------------------
 * margin-top
 * ---------------------------------------------------------- */
.mt-xs {
    margin-top: var(--sSizeXS) !important;
}
/* -------------------------------------------------------------
 * padding
 * ---------------------------------------------------------- */
.p-xs {
    padding: var(--sSizeXS) !important;
}
/* -------------------------------------------------------------
 * padding-top
 * ---------------------------------------------------------- */
.pt-xxs {
    padding-top: var(--sSizeXXS) !important;
}
.pt-xs {
    padding-top: var(--sSizeXS) !important;
}
.pt-s {
    padding-bottom: var(--sSizeS) !important;
}
/* -------------------------------------------------------------
 * padding-bottom
 * ---------------------------------------------------------- */
.pb-xxs {
    padding-bottom: var(--sSizeXXS) !important;
}
.pb-xs {
    padding-bottom: var(--sSizeXS) !important;
}
/* -------------------------------------------------------------
 * padding-left
 * ---------------------------------------------------------- */
.pl-xl {
    padding-left: var(--sSizeXL) !important;
}
/* -------------------------------------------------------------
 * bold-font
 * ---------------------------------------------------------- */
.bold-font {
    font-weight: bold !important;
}