@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&family=Zen+Maru+Gothic:wght@500&display=swap');

/*--------------------------------------------------------------------------------
  reset
--------------------------------------------------------------------------------*/
/*! 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: 1200;

  /* body */
  --bg-color: #FFF;
  --txt-color: #333;
  
  /* font family */
  --ff-go: "BIZ UDPGothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;
  --ff-maru: "Zen Maru Gothic", sans-serif;
  --ff-en: 'Cormorant', serif;

  /* line height */
  --line-height: 1.8;
  --line-height-s: 1.6;
  --line-height-2s: 1.4;

  /* font size */
  --base-font-size: 18;
  --fs-type-scale: 1.16;

  --fs-3s: 0.7em;
  --fs-2s: 0.8em;
  --fs-s: 0.9em;
  --fs-n: 1em;
  --fs-m: calc(var(--fs-n) + ((var(--fs-l) - var(--fs-n)) / 2));
  --fs-l: calc(var(--fs-n) * 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: calc(var(--base-font-size) * 1px);
  --fs-m-rem: calc(var(--fs-n-rem) + ((var(--fs-l-rem) - var(--fs-n-rem)) / 2));
  --fs-l-rem: calc(var(--fs-n-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));

  /* space */
  --base-space: 12;
  --space-4l: calc(var(--base-space) * 7 * 1px);
  --space-3l: calc(var(--base-space) * 6 * 1px);
  --space-2l: calc(var(--base-space) * 5 * 1px);
  --space-l: calc(var(--base-space) * 4 * 1px);
  --space-m: calc(var(--base-space) * 3 * 1px);
  --space-s: calc(var(--base-space) * 2 * 1px);
  --space-2s: calc(var(--base-space) * 1.5 * 1px);
  --space-3s: calc(var(--base-space) * 1 * 1px);
  
  /* link color */
  --link-color: var(--color-secondary);
  --link-color-hover: var(--color-secondary-light);
  --link-deco: underline;
  --link-deco-hover: none;

  /* primary color */
  --color-primary: #8bc34a;
  --color-primary-light: #a5d86e;
  --color-primary-lightest: #f4ffef;
  
  /* secondary color */
  --color-secondary: #f39c38;
  --color-secondary-light: #ffb34c;
  
  /* thirdry color */
  --color-thirdry: #387ef3;
  --color-thirdry-light: #72a6ff;
  
  /* red color */
  --color-red: #E65064;
  --color-red-light: #FA697D;
  
  /* gray color */
  --color-gray: #cccccc;
  --color-gray-light: #efefef;
  
  /* border color */
  --border-color: var(--color-gray);
  --border-color-light: var(--color-gray-light);
  
  --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;
}

/* primary
----------------------------------------*/
html { font-size: var(--fs-n-rem); }
html, body { height: 100%; }
body {
  min-width: 375px;
  font-weight: 400;
  word-wrap: break-word;
  line-height: var(--line-height);
  background-color: var(--bg-color);
  background-image: url(../image/bg.jpg);
  background-repeat: repeat;
  font-family: var(--ff-go);
  font-weight: 400;
  font-style: normal;
  color: var(--txt-color);
  position: relative;
}
.base-container {
  width: 100%;
  max-width: calc(var(--base-width) * 1px);
  padding: var(--space-3s);
  margin-left: auto;
  margin-right: auto;
}

/* font size
----------------------------------------*/
.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); }
small, .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-line1 { line-height: 1; }
.u-line-l { line-height: var(--line-height-l); }
.u-line-n { line-height: var(--line-height); }
.u-line-s { line-height: var(--line-height-s); }
.u-line-2s { line-height: var(--line-height-2s); }

.u-txt-left { text-align: left; }
.u-txt-center { text-align: center; }
.u-txt-right { text-align: right; }

.u-ff-maru { font-family: var(--ff-maru); }

.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-p-primary { color: var(--pale-color-primary); }
.u-fc-secondary { color: var(--color-secondary); }
.u-fc-red { color: var(--color-red); }
.u-fc-gray { color: var(--color-gray); }
.u-fc-white { color: #fff; }

.u-cap { font-size: var(--fs-s); display: block; line-height: var(--line-height-s); padding-top: 0.75rem; }
.u-block { display: block; }
.u-no-break { display: inline-block; }

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

.u-nolink { color: var(--link-color, inherit); pointer-events: none; text-decoration: none !important; }
.u-tellink { color: var(--link-color, inherit); text-decoration: none !important; }

@media (hover: hover) {
  a:hover, .js_linkblock:hover a:not(.js_linkblock-exclink) { color: var(--link-color-hover); text-decoration: var(--link-deco-hover); }
  .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), filter 0.3s ease-in-out; }
@media (hover: hover) { .u-zoom:hover .u-zoom_img img { transform: scale(1.08); } }

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

/* img
----------------------------------------*/
img { width: 100%; height: auto; }
.u-img-cover { width: 100%; height: 100%; object-fit: cover; }

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

/* responsive
----------------------------------------*/
.js_rps-tbl,
.js_rps-block { overflow: hidden; }
@media (min-width: 761px) { .u-sp-only { display: none !important; } }
@media (max-width: 760px) { .u-pc-only { display: none !important; } }

/* accordion
----------------------------------------*/
.js_acod-trigger { cursor: pointer; }
.js_acod-item { display: none; opacity: 0; transition: opacity 0.15s ease-out; }
.js_acod.is-active .js_acod-item { opacity: 1; }

/* tab
----------------------------------------*/
.js_tab-content { display: none; }
@media (min-width: 761px) { .js_tab.tab-sp-only .js_tab-content { display: block !important; } }
@media (max-width: 760px) { .js_tab.tab-pc-only .js_tab-content { display: block !important; } }

/* scroll-x
----------------------------------------*/
.u-scroll-x { overflow-x: auto; }

/* 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-rem);
}

/* sub sup
----------------------------------------*/
sub, sup {
  font-size: 70%;
  display: inline-block;
  margin: 0 0.25rem;
}

/* 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) !important; display: none; }
.swiper-scrollbar-drag { background: var(--color-primary) !important; }
.swiper-scrollbar.swiper-scrollbar-horizontal { display: inherit; }

/* swipe
----------------------------------------*/
.swipe {
  display: inline-block;
  width: auto;
  height: auto;
  background-image: url("../image/icon/zoomin.svg");
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s ease;
}
.swipe:hover { background-color: #565656; }
.swipe img { transition: 0.1s; }
.swipe:hover img { opacity:0.5; }

/* slick
----------------------------------------*/
.slick-list,
.slick-track { width: 100%; height: 100%; }
.slick-list { padding: 0 0 !important; }

/* hv-opacity
----------------------------------------*/
.hv { transition: 0.2s all; }
.hv:hover {
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}

/* 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-mgl-4l { margin-left: var(--space-4l); }
.u-mgl-3l { margin-left: var(--space-3l); }
.u-mgl-2l { margin-left: var(--space-2l); }
.u-mgl-l { margin-left: var(--space-l); }
.u-mgl-m { margin-left: var(--space-m); }
.u-mgl-s { margin-left: var(--space-s); }
.u-mgl-2s { margin-left: var(--space-2s); }
.u-mgl-3s { margin-left: var(--space-3s); }
.u-mgr-4l { margin-right: var(--space-4l); }
.u-mgr-3l { margin-right: var(--space-3l); }
.u-mgr-2l { margin-right: var(--space-2l); }
.u-mgr-l { margin-right: var(--space-l); }
.u-mgr-m { margin-right: var(--space-m); }
.u-mgr-s { margin-right: var(--space-s); }
.u-mgr-2s { margin-right: var(--space-2s); }
.u-mgr-3s { margin-right: var(--space-3s); }

.u-mgt-h { 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-h { 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-mgl-h { margin-left: 0.5rem; }
.u-mgl-1 { margin-left: 1rem; }
.u-mgl-1h { margin-left: 1.5rem; }
.u-mgl-2 { margin-left: 2rem; }
.u-mgl-2h { margin-left: 2.5rem; }
.u-mgl-3 { margin-left: 3rem; }
.u-mgr-h { margin-right: 0.5rem; }
.u-mgr-1 { margin-right: 1rem; }
.u-mgr-1h { margin-right: 1.5rem; }
.u-mgr-2 { margin-right: 2rem; }
.u-mgr-2h { margin-right: 2.5rem; }
.u-mgr-3 { margin-right: 3rem; }

.u-mgt-h-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-h-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-mgl-h-em { margin-left: 0.5em; }
.u-mgl-1-em { margin-left: 1em; }
.u-mgl-1h-em { margin-left: 1.5em; }
.u-mgl-2-em { margin-left: 2em; }
.u-mgl-2h-em { margin-left: 2.5em; }
.u-mgl-3-em { margin-left: 3em; }
.u-mgr-h-em { margin-right: 0.5em; }
.u-mgr-1-em { margin-right: 1em; }
.u-mgr-1h-em { margin-right: 1.5em; }
.u-mgr-2-em { margin-right: 2em; }
.u-mgr-2h-em { margin-right: 2.5em; }
.u-mgr-3-em { margin-right: 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-s); margin-bottom: var(--space-s); }
.u-mgtb-2s { margin-top: var(--space-2s); margin-bottom: var(--space-2s); }
.u-mgtb-3s { margin-top: var(--space-3s); margin-bottom: var(--space-3s); }

.u-mglr-4l { margin-left: var(--space-4l); margin-right: var(--space-4l); }
.u-mglr-3l { margin-left: var(--space-3l); margin-right: var(--space-3l); }
.u-mglr-2l { margin-left: var(--space-2l); margin-right: var(--space-2l); }
.u-mglr-l { margin-left: var(--space-l); margin-right: var(--space-l); }
.u-mglr-m { margin-left: var(--space-m); margin-right: var(--space-m); }
.u-mglr-s { margin-left: var(--space-s); margin-right: var(--space-s); }
.u-mglr-2s { margin-left: var(--space-2s); margin-right: var(--space-2s); }
.u-mglr-3s { margin-left: var(--space-3s); margin-right: var(--space-3s); }

.u-mgtb-h { 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-mglr-h { margin-left: 0.5rem; margin-right: 0.5rem; }
.u-mglr-1 { margin-left: 1rem; margin-right: 1rem; }
.u-mglr-1h { margin-left: 1.5rem; margin-right: 1.5rem; }
.u-mglr-2 { margin-left: 2rem; margin-right: 2rem; }
.u-mglr-2h { margin-left: 2.5rem; margin-right: 2.5rem; }
.u-mglr-3 { margin-left: 3rem; margin-right: 3rem; }

.u-mgtb-h-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; }

.u-mglr-h-em { margin-left: 0.5em; margin-right: 0.5em; }
.u-mglr-1-em { margin-left: 1em; margin-right: 1em; }
.u-mglr-1h-em { margin-left: 1.5em; margin-right: 1.5em; }
.u-mglr-2-em { margin-left: 2em; margin-right: 2em; }
.u-mglr-2h-em { margin-left: 2.5em; margin-right: 2.5em; }
.u-mglr-3-em { margin-left: 3em; margin-right: 3em; }

.u-mg-h { margin: 0.5rem; }
.u-mg-1 { margin: 1rem; }
.u-mg-1h { margin: 1.5rem; }
.u-mg-2 { margin: 2rem; }
.u-mg-2h { margin: 2.5rem; }
.u-mg-3 { margin: 3rem; }

.u-mg-h-em { marginmargin: 0.5em; }
.u-mg-1-em { padding: 1em; }
.u-mg-1h-em { margin: 1.5em; }
.u-mg-2-em { margin: 2em; }
.u-mg-2h-em { margin: 2.5em; }
.u-mg-3-em { margin: 3em; }

.u-mg-side-space { margin-left: var(--side-space); margin-right: var(--side-space); }
.u-mg-side-auto { margin-left: auto; margin-right: auto; }

/* 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-4l { padding-bottom: var(--space-4l); }
.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-pdl-4l { padding-left: var(--space-4l); }
.u-pdl-3l { padding-left: var(--space-3l); }
.u-pdl-2l { padding-left: var(--space-2l); }
.u-pdl-l { padding-left: var(--space-l); }
.u-pdl-m { padding-left: var(--space-m); }
.u-pdl-s { padding-left: var(--space-s); }
.u-pdl-2s { padding-left: var(--space-2s); }
.u-pdl-3s { padding-left: var(--space-3s); }
.u-pdr-4l { padding-right: var(--space-4l); }
.u-pdr-3l { padding-right: var(--space-3l); }
.u-pdr-2l { padding-right: var(--space-2l); }
.u-pdr-l { padding-right: var(--space-l); }
.u-pdr-m { padding-right: var(--space-m); }
.u-pdr-s { padding-right: var(--space-s); }
.u-pdr-2s { padding-right: var(--space-2s); }
.u-pdr-3s { padding-right: var(--space-3s); }

.u-pdt-h { 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-h { 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-pdl-h { padding-left: 0.5rem; }
.u-pdl-1 { padding-left: 1rem; }
.u-pdl-1h { padding-left: 1.5rem; }
.u-pdl-2 { padding-left: 2rem; }
.u-pdl-2h { padding-left: 2.5rem; }
.u-pdl-3 { padding-left: 3rem; }
.u-pdr-h { padding-right: 0.5rem; }
.u-pdr-1 { padding-right: 1rem; }
.u-pdr-1h { padding-right: 1.5rem; }
.u-pdr-2 { padding-right: 2rem; }
.u-pdr-2h { padding-right: 2.5rem; }
.u-pdr-3 { padding-right: 3rem; }

.u-pdt-h-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-h-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-pdl-h-em { padding-left: 0.5em; }
.u-pdl-1-em { padding-left: 1em; }
.u-pdl-1h-em { padding-left: 1.5em; }
.u-pdl-2-em { padding-left: 2em; }
.u-pdl-2h-em { padding-left: 2.5em; }
.u-pdl-3-em { padding-left: 3em; }
.u-pdr-h-em { padding-right: 0.5em; }
.u-pdr-1-em { padding-right: 1em; }
.u-pdr-1h-em { padding-right: 1.5em; }
.u-pdr-2-em { padding-right: 2em; }
.u-pdr-2h-em { padding-right: 2.5em; }
.u-pdr-3-em { padding-right: 3em; }

.u-pdtb-4l { 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-s); padding-bottom: var(--space-s); }
.u-pdtb-2s { padding-top: var(--space-2s); padding-bottom: var(--space-2s); }
.u-pdtb-3s { padding-top: var(--space-3s); padding-bottom: var(--space-3s); }

.u-pdlr-4l { padding-left: var(--space-4l); padding-right: var(--space-4l); }
.u-pdlr-3l { padding-left: var(--space-3l); padding-right: var(--space-3l); }
.u-pdlr-2l { padding-left: var(--space-2l); padding-right: var(--space-2l); }
.u-pdlr-l { padding-left: var(--space-l); padding-right: var(--space-l); }
.u-pdlr-m { padding-left: var(--space-m); padding-right: var(--space-m); }
.u-pdlr-s { padding-left: var(--space-s); padding-right: var(--space-s); }
.u-pdlr-2s { padding-left: var(--space-2s); padding-right: var(--space-2s); }
.u-pdlr-3s { padding-left: var(--space-3s); padding-right: var(--space-3s); }

.u-pdtb-h { 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-pdlr-h { padding-left: 0.5rem; padding-right: 0.5rem; }
.u-pdlr-1 { padding-left: 1rem; padding-right: 1rem; }
.u-pdlr-1h { padding-left: 1.5rem; padding-right: 1.5rem; }
.u-pdlr-2 { padding-left: 2rem; padding-right: 2rem; }
.u-pdlr-2h { padding-left: 2.5rem; padding-right: 2.5rem; }
.u-pdlr-3 { padding-left: 3rem; padding-right: 3rem; }

.u-pdtb-h-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; }

.u-pdlr-h-em { padding-left: 0.5em; padding-right: 0.5em; }
.u-pdlr-1-em { padding-left: 1em; padding-right: 1em; }
.u-pdlr-1h-em { padding-left: 1.5em; padding-right: 1.5em; }
.u-pdlr-2-em { padding-left: 2em; padding-right: 2em; }
.u-pdlr-2h-em { padding-left: 2.5em; padding-right: 2.5em; }
.u-pdlr-3-em { padding-left: 3em; padding-right: 3em; }

.u-pd-h { padding: 0.5rem; }
.u-pd-1 { padding: 1rem; }
.u-pd-1h { padding: 1.5rem; }
.u-pd-2 { padding: 2rem; }
.u-pd-2h { padding: 2.5rem; }
.u-pd-3 { padding: 3rem; }

.u-pd-h-em { padding: 0.5em; }
.u-pd-1-em { padding: 1em; }
.u-pd-1h-em { padding: 1.5em; }
.u-pd-2-em { padding: 2em; }
.u-pd-2h-em { padding: 2.5em; }
.u-pd-3-em { padding: 3em; }

.u-pd-side-space { padding-left: var(--side-space); padding-right: var(--side-space); }

/* !important
----------------------------------------*/
.u-mgt0 { margin-top: 0 !important; }
.u-mgb0 { margin-bottom: 0 !important; }
.u-mgl0 { margin-left: 0 !important; }
.u-mgr0 { margin-right: 0 !important; }
.u-pdt0 { padding-top: 0 !important; }
.u-pdb0 { padding-bottom: 0 !important; }
.u-pdl0 { padding-left: 0 !important; }
.u-pdr0 { padding-right: 0 !important; }
.u-rd0 { border-radius: 0 !important; }