@charset "utf-8";
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,:after,:before{box-sizing:border-box;border-style:solid;border-width:0;min-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}main{display:block}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}address,blockquote,dl,figure,form,iframe,ol,p,pre,table,ul{margin:0}ol,ul{padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object,svg{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}[type=button],[type=reset],[type=submit],button{cursor:pointer}[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled,button:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}fieldset,option{padding:0}fieldset{margin:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}
a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none;}

/*--------------------------------------------------------------------------------
  base
--------------------------------------------------------------------------------*/
:root {
  --base-width: 1400;

  /* body */
  --bg-color: #FFF;
  --txt-color: #1E2022;
  
  /* font */
  --ff-go: 'Roboto', 'Noto Sans JP', sans-serif;
  --ff-min: 'Zen Old Mincho', serif;
  --ff-en: 'Montserrat', sans-serif;
  
  /* link color */
  --color-link: inherit;
  --color-link-hover: var(--color-gray);
  --color-link-deco: underline;
  --color-link-hover-deco: none;

  /* primary color */
  --color-primary-dark: #3778A5;
  --color-primary: #508CB4;
  --color-primary-light: #7AAAC8;
  --color-primary-lighter: #C8DCE6;
  --color-primary-dark-rgb: 55,120,165;
  --color-primary-rgb: 80,140,180;
  --color-primary-light-rgb: 122,170,200;
  --color-primary-lighter-rgb: 200,220,230;

  /* secondary color */
  --color-secondary-dark: #609698;
  --color-secondary: #7AAAAC;
  --color-secondary-light: #98C0C2;
  --color-secondary-lighter: #C8DCDC;
  --color-secondary-dark-rgb: 96,150,152;
  --color-secondary-rgb: 122,170,172;
  --color-secondary-light-rgb: 152,192,194;
  --color-secondary-lighter-rgb: 200,220,220;
  
  /* tertiary color */
  --color-tertiary-dark: #2A3E4E;
  --color-tertiary: #384E5E;
  --color-tertiary-light: #687A87;
  --color-tertiary-lighter: #A4AEB8;
  --color-tertiary-dark-rgb: 42,62,78;
  --color-tertiary-rgb: 56,78,94;
  --color-tertiary-light-rgb: 104,122,135;
  --color-tertiary-lighter-rgb: 164,174,184;
  
  /* quaternary color */
  --color-quaternary: #E3E1DC;
  --color-quaternary-light: #F1F2EE;
  
  /* warning color */
  --color-warning: #CD3C4B;
  --color-warning-rgb: 205,60,75;
  
  /* black color */
  --color-black: #1E2022;
  --color-color-rgb: 30,32,34;
  
  /* gray color */
  --color-gray: #707880;
  --color-gray-light: #A8AEB2;
  --color-gray-rgb: 112,120,128;
  
  /* border color */
  --border-color: rgba(var(--color-gray-rgb),0.3);
  --border-color-light: rgba(var(--color-gray-rgb),0.2);
  
  --cubic-bezier: cubic-bezier(.23,1,.32,1);
  --hover-trans: color 0.2s ease-in-out, opacity 0.2s ease-in-out, background 0.2s ease-in-out, border 0.15s ease-in-out, fill 0.2s ease-in-out, filter 0.2s ease-in-out, transform 0.2s ease-in-out;
}

html, body { height: 100%; }
body, code { font-family: 'Roboto','Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans','BIZ UDPGothic',Meiryo,sans-serif; }
body {
  min-width: 300px;
  font-weight: 400;
  word-wrap: break-word;
  line-height: 1.8;
  background-color: var(--bg-color);
  color: var(--txt-color);
}
.preload * { transition: none !important; animation: none !important; }

/* side space
----------------------------------------*/
@media (min-width: 1000px) { :root { --side-space-unit-max: 60; --side-space-break-point: 1000; } }
@media (max-width: 999px) { :root { --side-space-unit-max: 50; --side-space-break-point: 800; } }
:root {
  --side-space-unit-min: 1.5rem;
  --side-space: clamp((var(--side-space-unit-min) * 1), (var(--side-space-unit-max) / var(--side-space-break-point) * 100vw), var(--side-space-unit-max) * 1px);
}
  
/* space
----------------------------------------*/
@media (min-width: 1000px) { :root { --space-unit-mag: 1.5; --space-break-point: 1000; } }
@media (max-width: 999px) { :root { --space-unit-mag: 1.25; --space-break-point: 800; } }
@media (max-width: 800px) { :root { --space-unit-mag: 1; --space-break-point: 640; } }
:root {
  --space-unit-max: 15;
  --space-unit-min: 1rem;
  --space-4l: clamp((var(--space-unit-min) * 6.5), ((var(--space-unit-max) * (7 * var(--space-unit-mag))) / var(--space-break-point) * 100vw), (var(--space-unit-max) * (7 * var(--space-unit-mag))) * 1px);
  --space-3l: clamp((var(--space-unit-min) * 5.5), ((var(--space-unit-max) * (6 * var(--space-unit-mag))) / var(--space-break-point) * 100vw), (var(--space-unit-max) * (6 * var(--space-unit-mag))) * 1px);
  --space-2l: clamp((var(--space-unit-min) * 4.5), ((var(--space-unit-max) * (5 * var(--space-unit-mag))) / var(--space-break-point) * 100vw), (var(--space-unit-max) * (5 * var(--space-unit-mag))) * 1px);
  --space-l: clamp((var(--space-unit-min) * 3.5), ((var(--space-unit-max) * (4 * var(--space-unit-mag))) / var(--space-break-point) * 100vw), (var(--space-unit-max) * (4 * var(--space-unit-mag))) * 1px);
  --space-m: clamp((var(--space-unit-min) * 2.5), ((var(--space-unit-max) * (3 * var(--space-unit-mag))) / var(--space-break-point) * 100vw), (var(--space-unit-max) * (3 * var(--space-unit-mag))) * 1px);
  --space-s: clamp((var(--space-unit-min) * 2), ((var(--space-unit-max) * (2 * var(--space-unit-mag))) / var(--space-break-point) * 100vw), (var(--space-unit-max) * (2 * var(--space-unit-mag))) * 1px);
  --space-2s: clamp((var(--space-unit-min) * 1.5), ((var(--space-unit-max) * (1.5 * var(--space-unit-mag))) / var(--space-break-point) * 100vw), (var(--space-unit-max) * (1.5 * var(--space-unit-mag))) * 1px);
  --space-3s: clamp((var(--space-unit-min) * 1), ((var(--space-unit-max) * (1 * var(--space-unit-mag))) / var(--space-break-point) * 100vw), (var(--space-unit-max) * (1 * var(--space-unit-mag))) * 1px);
}

/* box space */
@media (min-width: 1000px) { :root { --box-space-unit-mag: 1.5; --box-space-break-point: 1000; } }
@media (max-width: 999px) { :root { --box-space-unit-mag: 1.25; --box-space-break-point: 800; } }
@media (max-width: 800px) { :root { --box-space-unit-mag: 1; --box-space-break-point: 640; } }
:root {
  --box-space-unit-max: 15;
  --box-space-unit-min: 1rem;
  --box-space-2l: clamp((var(--box-space-unit-min) * 2.5), ((var(--box-space-unit-max) * (3 * var(--box-space-unit-mag))) / var(--box-space-break-point) * 100vw), (var(--box-space-unit-max) * (3 * var(--box-space-unit-mag))) * 1px);
  --box-space-l: clamp((var(--box-space-unit-min) * 2), ((var(--box-space-unit-max) * (2.5 * var(--box-space-unit-mag))) / var(--box-space-break-point) * 100vw), (var(--box-space-unit-max) * (2.5 * var(--box-space-unit-mag))) * 1px);
  --box-space-m: clamp((var(--box-space-unit-min) * 1.5), ((var(--box-space-unit-max) * (2 * var(--box-space-unit-mag))) / var(--box-space-break-point) * 100vw), (var(--box-space-unit-max) * (2 * var(--box-space-unit-mag))) * 1px);
  --box-space: clamp((var(--box-space-unit-min) * 1), ((var(--box-space-unit-max) * (1.5 * var(--box-space-unit-mag))) / var(--box-space-break-point) * 100vw), (var(--box-space-unit-max) * (1.5 * var(--box-space-unit-mag))) * 1px);
  --box-space-s: clamp((var(--box-space-unit-min) * 0.75), ((var(--box-space-unit-max) * (1.25 * var(--box-space-unit-mag))) / var(--box-space-break-point) * 100vw), (var(--box-space-unit-max) * (1.25 * var(--box-space-unit-mag))) * 1px);
}

/* font size
----------------------------------------*/
@media (min-width: 1000px) {
  :root {
    --fs-break-point: 1000;
    --fs-break-point-max: 1400;
    --fs-break-point-min: 1000;
    --fs-min: 15;
    --fs-max: 17;
    --fs-type-scale: 1.225;
  }
}
@media (max-width: 999px) {
  :root {
    --fs-break-point: 300;
    --fs-break-point-max: 640;
    --fs-break-point-min: 300;
    --fs-min: 13;
    --fs-max: 16;
    --fs-type-scale: 1.2;
  }
}
@media (max-width: 640px) {
  :root { --fs-type-scale: 1.185; }
}
:root {
  --fs-ratio: calc((var(--fs-max) - var(--fs-min)) / (var(--fs-break-point-max) - var(--fs-break-point-min)));
  --fs-3s: 0.7em;
  --fs-2s: 0.8em;
  --fs-s: 0.9em;
  --fs-n: 1em;
  --fs-m: calc(var(--fs-n) * var(--fs-type-scale));
  --fs-l: calc(var(--fs-m) * var(--fs-type-scale));
  --fs-2l: calc(var(--fs-l) * var(--fs-type-scale));
  --fs-3l: calc(var(--fs-2l) * var(--fs-type-scale));
  --fs-4l: calc(var(--fs-3l) * var(--fs-type-scale));
  --fs-5l: calc(var(--fs-4l) * var(--fs-type-scale));
  --fs-6l: calc(var(--fs-5l) * var(--fs-type-scale));
  
  --fs-3s-rem: 0.7rem;
  --fs-2s-rem: 0.8rem;
  --fs-s-rem: 0.9rem;
  --fs-n-rem: 1rem;
  --fs-m-rem: calc(var(--fs-n-rem) * var(--fs-type-scale));
  --fs-l-rem: calc(var(--fs-m-rem) * var(--fs-type-scale));
  --fs-2l-rem: calc(var(--fs-l-rem) * var(--fs-type-scale));
  --fs-3l-rem: calc(var(--fs-2l-rem) * var(--fs-type-scale));
  --fs-4l-rem: calc(var(--fs-3l-rem) * var(--fs-type-scale));
  --fs-5l-rem: calc(var(--fs-4l-rem) * var(--fs-type-scale));
  --fs-6l-rem: calc(var(--fs-5l-rem) * var(--fs-type-scale));
}
html { font-size: clamp((var(--fs-min) * 1px), (100vw - calc(var(--fs-break-point) * 1px)) * var(--fs-ratio) + (var(--fs-min) * 1px), (var(--fs-max) * 1px)); }

.u-fs-6l { font-size: var(--fs-6l); }
.u-fs-5l { font-size: var(--fs-5l); }
.u-fs-4l { font-size: var(--fs-4l); }
.u-fs-3l { font-size: var(--fs-3l); }
.u-fs-2l { font-size: var(--fs-2l); }
.u-fs-l { font-size: var(--fs-l); }
.u-fs-m { font-size: var(--fs-m); }
.u-fs-n { font-size: var(--fs-n); }
.u-fs-s { font-size: var(--fs-s); }
.u-fs-2s { font-size: var(--fs-2s); }
.u-fs-3s { font-size: var(--fs-3s); }

.u-fs-6l-rem { font-size: var(--fs-6l-rem); }
.u-fs-5l-rem { font-size: var(--fs-5l-rem); }
.u-fs-4l-rem { font-size: var(--fs-4l-rem); }
.u-fs-3l-rem { font-size: var(--fs-3l-rem); }
.u-fs-2l-rem { font-size: var(--fs-2l-rem); }
.u-fs-l-rem { font-size: var(--fs-l-rem); }
.u-fs-m-rem { font-size: var(--fs-m-rem); }
.u-fs-n-rem { font-size: var(--fs-n-rem); }
.u-fs-s-rem { font-size: var(--fs-s-rem); }
.u-fs-2s-rem { font-size: var(--fs-2s-rem); }
.u-fs-3s-rem { font-size: var(--fs-3s-rem); }

/* text
----------------------------------------*/
.u-txt { line-height: 2; }

.u-ff-go { font-family: var(--ff-go); }
.u-ff-min { font-family: var(--ff-min); }
.u-ff-en { font-family: var(--ff-en); }

.u-fw-9 { font-weight: 900; }
.u-fw-8 { font-weight: 800; }
.u-fw-7 { font-weight: 700; }
.u-fw-6 { font-weight: 600; }
.u-fw-5 { font-weight: 500; }
.u-fw-4 { font-weight: 400; }
.u-fw-3 { font-weight: 300; }
.u-fw-b { font-weight: bold; }
.u-fw-n { font-weight: normal; }

.u-fc-primary { color: var(--color-primary); }
.u-fc-secondary { color: var(--color-secondary); }
.u-fc-tertiary { color: var(--color-tertiary); }
.u-fc-quaternary { color: var(--color-quaternary); }
.u-fc-warning { color: var(--color-warning); }
.u-fc-gray { color: var(--color-gray); }

.u-no-break { display: inline-block; }
.u-keep-break { word-break: keep-all; overflow-wrap: anywhere; }

/* link
----------------------------------------*/
a {
  outline: none;
  color: var(--color-link);
  text-decoration: var(--color-link-deco);
  transition: var(--hover-trans);
}
a:hover, .js_linkblock:hover a:not(.js_linkblock-exclink) { color: var(--color-link-hover); text-decoration: var(--color-link-hover-deco); }

.u-nolink { color: inherit; pointer-events: none; text-decoration: none !important; }
.u-tellink { color: inherit; text-decoration: none !important; }

.u-alpha, .u-alpha-img { transition: opacity 0.2s ease-in-out; }
.u-alpha:hover, a:hover .u-alpha-img,
.js_linkblock:hover .u-alpha, .js_linkblock:hover .u-alpha-img { opacity: 0.6; }

.u-zoom { display: block; }
.u-zoom,
.u-zoom:hover { text-decoration: none; }
.u-zoom_img { display: block; overflow: hidden; }
.u-zoom_img img { transition: transform 1s var(--cubic-bezier); }
@media (hover: hover) { .u-zoom:hover .u-zoom_img img { transform: scale(1.08); } }

.js_linkblock { cursor: pointer; }

@media (hover: hover) {
  a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
    color: inherit;
    text-decoration: none;
  }
}

/* img
----------------------------------------*/
img { max-width: 100%; height: auto; }
.u-svg-icon {
  fill: currentColor;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

/* clear both
----------------------------------------*/
.u-clear:after { content: ""; display: block; height: 0; clear: both; }

/* responsive
----------------------------------------*/
.js_rps-tbl,
.js_rps-block { overflow: hidden; }

/* ruby
----------------------------------------*/
rt { display: none; }
[data-ruby] { position: relative; }
[data-ruby]:before {
  content: attr(data-ruby);
  position: absolute;
  top: -1.5em;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  margin: auto;
  font-size: var(--fs-2s);
}

/* fancybox
----------------------------------------*/
:root { --fancybox-zIndex: 9999; }
.fancybox-slide--html { padding: var(--side-space) !important; }
.fancybox-container * { transition: none; }
.fancybox__caption { text-align: center; }

/* swiper
----------------------------------------*/
.swiper-slide { height: auto !important; }
.swiper-scrollbar,
.swiper-scrollbar-horizontal,
.swiper-scrollbar-drag {
  height: 3px !important;
  border-radius: 0 !important;
}
.swiper-scrollbar { background: var(--border-color-light) !important; display: none; }
.swiper-scrollbar-drag { background: var(--color-tertiary-dark) !important; }
.swiper-scrollbar.swiper-scrollbar-horizontal { display: inherit; }

/* gap
----------------------------------------*/
.u-gap-4l { gap: var(--space-4l); }
.u-gap-3l { gap: var(--space-3l); }
.u-gap-2l { gap: var(--space-2l); }
.u-gap-l { gap: var(--space-l); }
.u-gap-m { gap: var(--space-m); }
.u-gap-s { gap: var(--space-s); }
.u-gap-2s { gap: var(--space-2s); }
.u-gap-3s { gap: var(--space-3s); }

.u-gap-0h { gap: 0.5rem; }
.u-gap-1 { gap: 1rem; }
.u-gap-1h { gap: 1.5rem; }
.u-gap-2 { gap: 2rem; }
.u-gap-2h { gap: 2.5rem; }
.u-gap-3 { gap: 3.5rem; }
.u-gap-3h { gap: 3.5rem; }

.u-gap-0h-em { gap: 0.5em; }
.u-gap-1-em { gap: 1em; }
.u-gap-1h-em { gap: 1.5em; }
.u-gap-2-em { gap: 2em; }
.u-gap-2h-em { gap: 2.5em; }
.u-gap-3-em { gap: 3.5em; }
.u-gap-3h-em { gap: 3.5em; }

.u-cgap-4l { column-gap: var(--space-4l); }
.u-cgap-3l { column-gap: var(--space-3l); }
.u-cgap-2l { column-gap: var(--space-2l); }
.u-cgap-l { column-gap: var(--space-l); }
.u-cgap-m { column-gap: var(--space-m); }
.u-cgap-s { column-gap: var(--space-s); }
.u-cgap-2s { column-gap: var(--space-2s); }
.u-cgap-3s { column-gap: var(--space-3s); }

.u-cgap-0h { column-gap: 0.5rem; }
.u-cgap-1 { column-gap: 1rem; }
.u-cgap-1h { column-gap: 1.5rem; }
.u-cgap-2 { column-gap: 2rem; }
.u-cgap-2h { column-gap: 2.5rem; }
.u-cgap-3 { column-gap: 3.5rem; }
.u-cgap-3h { column-gap: 3.5rem; }

.u-cgap-0h-em { column-gap: 0.5em; }
.u-cgap-1-em { column-gap: 1em; }
.u-cgap-1h-em { column-gap: 1.5em; }
.u-cgap-2-em { column-gap: 2em; }
.u-cgap-2h-em { column-gap: 2.5em; }
.u-cgap-3-em { column-gap: 3.5em; }
.u-cgap-3h-em { column-gap: 3.5em; }

.u-rgap-4l { row-gap: var(--space-4l); }
.u-rgap-3l { row-gap: var(--space-3l); }
.u-rgap-2l { row-gap: var(--space-2l); }
.u-rgap-l { row-gap: var(--space-l); }
.u-rgap-m { row-gap: var(--space-m); }
.u-rgap-s { row-gap: var(--space-s); }
.u-rgap-2s { row-gap: var(--space-2s); }
.u-rgap-3s { row-gap: var(--space-3s); }

.u-rgap-0h { row-gap: 0.5rem; }
.u-rgap-1 { row-gap: 1rem; }
.u-rgap-1h { row-gap: 1.5rem; }
.u-rgap-2 { row-gap: 2rem; }
.u-rgap-2h { row-gap: 2.5rem; }
.u-rgap-3 { row-gap: 3.5rem; }
.u-rgap-3h { row-gap: 3.5rem; }

.u-rgap-0h-em { row-gap: 0.5em; }
.u-rgap-1-em { row-gap: 1em; }
.u-rgap-1h-em { row-gap: 1.5em; }
.u-rgap-2-em { row-gap: 2em; }
.u-rgap-2h-em { row-gap: 2.5em; }
.u-rgap-3-em{ row-gap: 3.5em; }
.u-rgap-3h-em { row-gap: 3.5em; }

/* margin
----------------------------------------*/
.u-mgt-4l { margin-top: var(--space-4l); }
.u-mgt-3l { margin-top: var(--space-3l); }
.u-mgt-2l { margin-top: var(--space-2l); }
.u-mgt-l { margin-top: var(--space-l); }
.u-mgt-m { margin-top: var(--space-m); }
.u-mgt-s { margin-top: var(--space-s); }
.u-mgt-2s { margin-top: var(--space-2s); }
.u-mgt-3s { margin-top: var(--space-3s); }
.u-mgb-4l { margin-bottom: var(--space-4l); }
.u-mgb-3l { margin-bottom: var(--space-3l); }
.u-mgb-2l { margin-bottom: var(--space-2l); }
.u-mgb-l { margin-bottom: var(--space-l); }
.u-mgb-m { margin-bottom: var(--space-m); }
.u-mgb-s { margin-bottom: var(--space-s); }
.u-mgb-2s { margin-bottom: var(--space-2s); }
.u-mgb-3s { margin-bottom: var(--space-3s); }

.u-mgt-0h { margin-top: 0.5rem; }
.u-mgt-1 { margin-top: 1rem; }
.u-mgt-1h { margin-top: 1.5rem; }
.u-mgt-2 { margin-top: 2rem; }
.u-mgt-2h { margin-top: 2.5rem; }
.u-mgt-3 { margin-top: 3rem; }
.u-mgb-0h { margin-bottom: 0.5rem; }
.u-mgb-1 { margin-bottom: 1rem; }
.u-mgb-1h { margin-bottom: 1.5rem; }
.u-mgb-2 { margin-bottom: 2rem; }
.u-mgb-2h { margin-bottom: 2.5rem; }
.u-mgb-3 { margin-bottom: 3rem; }

.u-mgt-0h-em { margin-top: 0.5em; }
.u-mgt-1-em { margin-top: 1em; }
.u-mgt-1h-em { margin-top: 1.5em; }
.u-mgt-2-em { margin-top: 2em; }
.u-mgt-2h-em { margin-top: 2.5em; }
.u-mgt-3-em { margin-top: 3em; }
.u-mgb-0h-em { margin-bottom: 0.5em; }
.u-mgb-1-em { margin-bottom: 1em; }
.u-mgb-1h-em { margin-bottom: 1.5em; }
.u-mgb-2-em { margin-bottom: 2em; }
.u-mgb-2h-em { margin-bottom: 2.5em; }
.u-mgb-3-em { margin-bottom: 3em; }

.u-mgtb-4l { margin-top: var(--space-4l); margin-bottom: var(--space-4l); }
.u-mgtb-3l { margin-top: var(--space-3l); margin-bottom: var(--space-3l); }
.u-mgtb-2l { margin-top: var(--space-2l); margin-bottom: var(--space-2l); }
.u-mgtb-l { margin-top: var(--space-l); margin-bottom: var(--space-l); }
.u-mgtb-m { margin-top: var(--space-m); margin-bottom: var(--space-m); }
.u-mgtb-s { margin-top: var(--space-m); margin-bottom: var(--space-s); }

.u-mgtb-0h { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.u-mgtb-1 { margin-top: 1rem; margin-bottom: 1rem; }
.u-mgtb-1h { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.u-mgtb-2 { margin-top: 2rem; margin-bottom: 2rem; }
.u-mgtb-2h { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.u-mgtb-3 { margin-top: 3rem; margin-bottom: 3rem; }

.u-mgtb-0h-em { margin-top: 0.5em; margin-bottom: 0.5em; }
.u-mgtb-1-em { margin-top: 1em; margin-bottom: 1em; }
.u-mgtb-1h-em { margin-top: 1.5em; margin-bottom: 1.5em; }
.u-mgtb-2-em { margin-top: 2em; margin-bottom: 2em; }
.u-mgtb-2h-em { margin-top: 2.5em; margin-bottom: 2.5em; }
.u-mgtb-3-em { margin-top: 3em; margin-bottom: 3em; }

/* padding
----------------------------------------*/
.u-pdt-4l { padding-top: var(--space-4l); }
.u-pdt-3l { padding-top: var(--space-3l); }
.u-pdt-2l { padding-top: var(--space-2l); }
.u-pdt-l { padding-top: var(--space-l); }
.u-pdt-m { padding-top: var(--space-m); }
.u-pdt-s { padding-top: var(--space-s); }
.u-pdt-2s { padding-top: var(--space-2s); }
.u-pdt-3s { padding-top: var(--space-3s); }
.u-pdb-3l { padding-bottom: var(--space-3l); }
.u-pdb-2l { padding-bottom: var(--space-2l); }
.u-pdb-l { padding-bottom: var(--space-l); }
.u-pdb-m { padding-bottom: var(--space-m); }
.u-pdb-s { padding-bottom: var(--space-s); }
.u-pdb-2s { padding-bottom: var(--space-2s); }
.u-pdb-3s { padding-bottom: var(--space-3s); }

.u-pdt-0h { padding-top: 0.5rem; }
.u-pdt-1 { padding-top: 1rem; }
.u-pdt-1h { padding-top: 1.5rem; }
.u-pdt-2 { padding-top: 2rem; }
.u-pdt-2h { padding-top: 2.5rem; }
.u-pdt-3 { padding-top: 3rem; }
.u-pdb-0h { padding-bottom: 0.5rem; }
.u-pdb-1 { padding-bottom: 1rem; }
.u-pdb-1h { padding-bottom: 1.5rem; }
.u-pdb-2 { padding-bottom: 2rem; }
.u-pdb-2h { padding-bottom: 2.5rem; }
.u-pdb-3 { padding-bottom: 3rem; }

.u-pdt-0h-em { padding-top: 0.5em; }
.u-pdt-1-em { padding-top: 1em; }
.u-pdt-1h-em { padding-top: 1.5em; }
.u-pdt-2-em { padding-top: 2em; }
.u-pdt-2h-em { padding-top: 2.5em; }
.u-pdt-3-em { padding-top: 3em; }
.u-pdb-0h-em { padding-bottom: 0.5em; }
.u-pdb-1-em { padding-bottom: 1em; }
.u-pdb-1h-em { padding-bottom: 1.5em; }
.u-pdb-2-em { padding-bottom: 2em; }
.u-pdb-2h-em { padding-bottom: 2.5em; }
.u-pdb-3-em { padding-bottom: 3em; }

.u-pdtb-3l { padding-top: var(--space-4l); padding-bottom: var(--space-4l); }
.u-pdtb-3l { padding-top: var(--space-3l); padding-bottom: var(--space-3l); }
.u-pdtb-2l { padding-top: var(--space-2l); padding-bottom: var(--space-2l); }
.u-pdtb-l { padding-top: var(--space-l); padding-bottom: var(--space-l); }
.u-pdtb-m { padding-top: var(--space-m); padding-bottom: var(--space-m); }
.u-pdtb-s { padding-top: var(--space-m); padding-bottom: var(--space-s); }

.u-pdtb-0h { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.u-pdtb-1 { padding-top: 1rem; padding-bottom: 1rem; }
.u-pdtb-1h { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.u-pdtb-2 { padding-top: 2rem; padding-bottom: 2rem; }
.u-pdtb-2h { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.u-pdtb-3 { padding-top: 3rem; padding-bottom: 3rem; }

.u-pdtb-0h-em { padding-top: 0.5em; padding-bottom: 0.5em; }
.u-pdtb-1-em { padding-top: 1em; padding-bottom: 1em; }
.u-pdtb-1h-em { padding-top: 1.5em; padding-bottom: 1.5em; }
.u-pdtb-2-em { padding-top: 2em; padding-bottom: 2em; }
.u-pdtb-2h-em { padding-top: 2.5em; padding-bottom: 2.5em; }
.u-pdtb-3-em { padding-top: 3em; padding-bottom: 3em; }

/* !important
----------------------------------------*/
.u-mgt0 { margin-top: 0 !important; }
.u-mgb0 { margin-bottom: 0 !important; }
.u-pdt0 { padding-top: 0 !important; }
.u-pdb0 { padding-bottom: 0 !important; }
.u-rd0 { border-radius: 0 !important; }