@charset "utf-8";
/* display */
.u-none {display: none !important; }
.u-block {display: block !important; }
.u-inline {display: inline !important;}
.u-inline-block {display: inline-block !important;}

/* visibility */
.u-hidden {visibility: hidden !important;}
.u-visible {visibility: visible !important;}

/* flex */
.u-flex {display: flex !important;}
.u-inline-flex {display: inline-flex !important;}

.u-flex-center {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.u-flex-space-between {
  display: flex !important;
  justify-content: space-between;
}

/* position */
.u-absolute {position: absolute !important;}
.u-relative {position: relative !important;}
.u-fixed {position: fixed !important;}

/* margin */
/* 全方向 */
.u-m-0 { margin: 0 !important; }
.u-m-4 { margin: 4px !important; }
.u-m-5 { margin: 5px !important; }
.u-m-8 { margin: 8px !important; }
.u-m-10 { margin: 10px !important; }
.u-m-12 { margin: 12px !important; }
.u-m-16 { margin: 16px !important; }
.u-m-20 { margin: 20px !important; }
.u-m-24 { margin: 24px !important; }
.u-m-32 { margin: 32px !important; }
.u-m-40 { margin: 40px !important; }
.u-m-auto { margin: auto !important; }

/* 上マージン */
.u-mt-0 { margin-top: 0 !important; }
.u-mt-4 { margin-top: 4px !important; }
.u-mt-5 { margin-top: 5px !important; }
.u-mt-8 { margin-top: 8px !important; }
.u-mt-10 { margin-top: 10px !important; }
.u-mt-12 { margin-top: 12px !important; }
.u-mt-16 { margin-top: 16px !important; }
.u-mt-20 { margin-top: 20px !important; }
.u-mt-24 { margin-top: 24px !important; }
.u-mt-32 { margin-top: 32px !important; }
.u-mt-40 { margin-top: 40px !important; }
.u-mt-50 { margin-top: 50px !important; }
.u-mt-60 { margin-top: 60px !important; }
.u-mt-70 { margin-top: 70px !important; }
.u-mt-80 { margin-top: 80px !important; }
.u-mt-90 { margin-top: 90px !important; }
.u-mt-100 { margin-top: 100px !important; }
.u-mt-110 { margin-top: 110px !important; }
.u-mt-120 { margin-top: 120px !important; }

/* 下マージン */
.u-mb-0 { margin-bottom: 0 !important; }
.u-mb-4 { margin-bottom: 4px !important; }
.u-mb-8 { margin-bottom: 8px !important; }
.u-mb-12 { margin-bottom: 12px !important; }
.u-mb-16 { margin-bottom: 16px !important; }
.u-mb-20 { margin-bottom: 20px !important; }
.u-mb-24 { margin-bottom: 24px !important; }
.u-mb-32 { margin-bottom: 32px !important; }
.u-mb-40 { margin-bottom: 40px !important; }
.u-mb-50 { margin-bottom: 50px !important; }
.u-mb-60 { margin-bottom: 60px !important; }
.u-mb-70 { margin-bottom: 70px !important; }
.u-mb-80 { margin-bottom: 80px !important; }
.u-mb-90 { margin-bottom: 90px !important; }
.u-mb-100 { margin-bottom: 100px !important; }
.u-mb-110 { margin-bottom: 110px !important; }
.u-mb-120 { margin-bottom: 120px !important; }

/* 左マージン */
.u-ml-0 { margin-left: 0 !important; }
.u-ml-4 { margin-left: 4px !important; }
.u-ml-8 { margin-left: 8px !important; }
.u-ml-12 { margin-left: 12px !important; }
.u-ml-16 { margin-left: 16px !important; }
.u-ml-20 { margin-left: 20px !important; }
.u-ml-24 { margin-left: 24px !important; }
.u-ml-32 { margin-left: 32px !important; }
.u-ml-40 { margin-left: 40px !important; }
.u-ml-auto { margin-left: auto !important; }

/* 右マージン */
.u-mr-0 { margin-right: 0 !important; }
.u-mr-4 { margin-right: 4px !important; }
.u-mr-8 { margin-right: 8px !important; }
.u-mr-12 { margin-right: 12px !important; }
.u-mr-16 { margin-right: 16px !important; }
.u-mr-20 { margin-right: 20px !important; }
.u-mr-24 { margin-right: 24px !important; }
.u-mr-32 { margin-right: 32px !important; }
.u-mr-40 { margin-right: 40px !important; }
.u-mr-auto { margin-right: auto !important; }

/* padding */
/* 全方向 */
.u-p-0 { padding: 0 !important; }
.u-p-4 { padding: 4px !important; }
.u-p-8 { padding: 8px !important; }
.u-p-12 { padding: 12px !important; }
.u-p-16 { padding: 16px !important; }
.u-p-20 { padding: 20px !important; }
.u-p-24 { padding: 24px !important; }
.u-p-32 { padding: 32px !important; }
.u-p-40 { padding: 40px !important; }

/* 上パディング */
.u-pt-0 { padding-top: 0 !important; }
.u-pt-4 { padding-top: 4px !important; }
.u-pt-8 { padding-top: 8px !important; }
.u-pt-12 { padding-top: 12px !important; }
.u-pt-16 { padding-top: 16px !important; }
.u-pt-20 { padding-top: 20px !important; }
.u-pt-24 { padding-top: 24px !important; }
.u-pt-32 { padding-top: 32px !important; }
.u-pt-40 { padding-top: 40px !important; }

/* 下パディング */
.u-pb-0 { padding-bottom: 0 !important; }
.u-pb-4 { padding-bottom: 4px !important; }
.u-pb-8 { padding-bottom: 8px !important; }
.u-pb-12 { padding-bottom: 12px !important; }
.u-pb-16 { padding-bottom: 16px !important; }
.u-pb-20 { padding-bottom: 20px !important; }
.u-pb-24 { padding-bottom: 24px !important; }
.u-pb-32 { padding-bottom: 32px !important; }
.u-pb-40 { padding-bottom: 40px !important; }

/* 左パディング */
.u-pl-0 { padding-left: 0 !important; }
.u-pl-4 { padding-left: 4px !important; }
.u-pl-8 { padding-left: 8px !important; }
.u-pl-12 { padding-left: 12px !important; }
.u-pl-16 { padding-left: 16px !important; }
.u-pl-20 { padding-left: 20px !important; }
.u-pl-24 { padding-left: 24px !important; }
.u-pl-32 { padding-left: 32px !important; }
.u-pl-40 { padding-left: 40px !important; }

/* 右パディング */
.u-pr-0 { padding-right: 0 !important; }
.u-pr-4 { padding-right: 4px !important; }
.u-pr-8 { padding-right: 8px !important; }
.u-pr-12 { padding-right: 12px !important; }
.u-pr-16 { padding-right: 16px !important; }
.u-pr-20 { padding-right: 20px !important; }
.u-pr-24 { padding-right: 24px !important; }
.u-pr-32 { padding-right: 32px !important; }
.u-pr-40 { padding-right: 40px !important; }

/* text-align用 */
.u-text-center {text-align: center !important;}
.u-text-right {text-align: right !important;}
.u-text-left {text-align: left !important;}

.u-clearfix::after {
  content: "";
  display: table;
  clear: both;
}