@charset 'utf-8';
/*
 * adiva util v5.0.2
 *
 * Masanori Kawase
 *
 */

/*
 * Color
 * ================================================================================
 */
:root {
  --gridSize: 4px;
  --gridSize1: calc(var(--gridSize) * 1);
  --gridSize2: calc(var(--gridSize) * 2);
  --gridSize3: calc(var(--gridSize) * 3);
  --gridSize4: calc(var(--gridSize) * 4);
  --gridSize5: calc(var(--gridSize) * 5);
  --gridSize6: calc(var(--gridSize) * 6);
  --gridSize7: calc(var(--gridSize) * 7);
  --gridSize8: calc(var(--gridSize) * 8);
  --gridSize9: calc(var(--gridSize) * 9);
  --gridSize10: calc(var(--gridSize) * 10);
  --gridSize11: calc(var(--gridSize) * 11);
  --gridSize12: calc(var(--gridSize) * 12);
  --gridSize13: calc(var(--gridSize) * 13);
  --gridSize14: calc(var(--gridSize) * 14);
  --gridSize15: calc(var(--gridSize) * 15);

  --gridSizeLv1: calc(var(--gridSize) * 5);
  --gridSizeLv2: calc(var(--gridSize) * 10);
  --gridSizeLv3: calc(var(--gridSize) * 15);
  --gridSizeLv4: calc(var(--gridSize) * 20);
  --gridSizeLv5: calc(var(--gridSize) * 25);
  --gridSizeLv6: calc(var(--gridSize) * 30);

  --gridSizeLv1-half: calc(var(--gridSizeLv1) * 0.5);
  --gridSizeLv2-half: calc(var(--gridSizeLv2) * 0.5);
  --gridSizeLv3-half: calc(var(--gridSizeLv3) * 0.5);
  --gridSizeLv4-half: calc(var(--gridSizeLv4) * 0.5);
  --gridSizeLv5-half: calc(var(--gridSizeLv5) * 0.5);
  --gridSizeLv6-half: calc(var(--gridSizeLv6) * 0.5);


  --color-000: #000;
  --color-111: #111;
  --color-222: #222;
  --color-333: #333;
  --color-444: #444;
  --color-555: #555;
  --color-666: #666;
  --color-777: #777;
  --color-888: #888;
  --color-999: #999;
  --color-aaa: #aaa;
  --color-bbb: #bbb;
  --color-ccc: #ccc;
  --color-ddd: #ddd;
  --color-eee: #eee;
  --color-fff: #fff;
  --color-black: var(--color-000);
  --color-black90: rgba(0, 0, 0, 0.9);
  --color-black80: rgba(0, 0, 0, 0.8);
  --color-black70: rgba(0, 0, 0, 0.7);
  --color-black60: rgba(0, 0, 0, 0.6);
  --color-black50: rgba(0, 0, 0, 0.5);
  --color-black40: rgba(0, 0, 0, 0.4);
  --color-black30: rgba(0, 0, 0, 0.3);
  --color-black20: rgba(0, 0, 0, 0.2);
  --color-black10: rgba(0, 0, 0, 0.1);
  --color-white: var(--color-fff);
  --color-white90: rgba(255, 255, 255, 0.9);
  --color-white80: rgba(255, 255, 255, 0.8);
  --color-white70: rgba(255, 255, 255, 0.7);
  --color-white60: rgba(255, 255, 255, 0.6);
  --color-white50: rgba(255, 255, 255, 0.5);
  --color-white40: rgba(255, 255, 255, 0.4);
  --color-white30: rgba(255, 255, 255, 0.3);
  --color-white20: rgba(255, 255, 255, 0.2);
  --color-white10: rgba(255, 255, 255, 0.1);

	/* Theme Color */
  --color-theme1: #2879C4;
  --color-theme1-xlight: oklch(from var(--color-theme1) calc(l + 0.2) c h);
  --color-theme1-light: oklch(from var(--color-theme1) calc(l + 0.1) c h);
  --color-theme1-dark: oklch(from var(--color-theme1) calc(l - 0.1) c h);
  --color-theme1-xdark: oklch(from var(--color-theme1) calc(l - 0.2) c h);

  --color-theme2: oklch(from var(--color-theme1) l c calc(h + 60));
  --color-theme2-xlight: oklch(from var(--color-theme2) calc(l + 0.2) c h);
  --color-theme2-light: oklch(from var(--color-theme2) calc(l + 0.1) c h);
  --color-theme2-dark: oklch(from var(--color-theme2) calc(l - 0.1) c h);
  --color-theme2-xdark: oklch(from var(--color-theme2) calc(l - 0.2) c h);

  --color-theme3: oklch(from var(--color-theme1) l c calc(h + 120));
  --color-theme3-xlight: oklch(from var(--color-theme3) calc(l + 0.2) c h);
  --color-theme3-light: oklch(from var(--color-theme3) calc(l + 0.1) c h);
  --color-theme3-dark: oklch(from var(--color-theme3) calc(l - 0.1) c h);
  --color-theme3-xdark: oklch(from var(--color-theme3) calc(l - 0.2) c h);

  --color-theme4: oklch(from var(--color-theme1) l c calc(h + 180));
  --color-theme4-xlight: oklch(from var(--color-theme4) calc(l + 0.2) c h);
  --color-theme4-light: oklch(from var(--color-theme4) calc(l + 0.1) c h);
  --color-theme4-dark: oklch(from var(--color-theme4) calc(l - 0.1) c h);
  --color-theme4-xdark: oklch(from var(--color-theme4) calc(l - 0.2) c h);

  --color-theme5: oklch(from var(--color-theme1) l c calc(h + 240));
  --color-theme5-xlight: oklch(from var(--color-theme5) calc(l + 0.2) c h);
  --color-theme5-light: oklch(from var(--color-theme5) calc(l + 0.1) c h);
  --color-theme5-dark: oklch(from var(--color-theme5) calc(l - 0.1) c h);
  --color-theme5-xdark: oklch(from var(--color-theme5) calc(l - 0.2) c h);

  --color-theme6: oklch(from var(--color-theme1) l c calc(h + 300));
  --color-theme6-xlight: oklch(from var(--color-theme6) calc(l + 0.2) c h);
  --color-theme6-light: oklch(from var(--color-theme6) calc(l + 0.1) c h);
  --color-theme6-dark: oklch(from var(--color-theme6) calc(l - 0.1) c h);
  --color-theme6-xdark: oklch(from var(--color-theme6) calc(l - 0.2) c h);

  --color-red: #f00;
  --color-orange: hsl(from var(--color-red) 30deg s l);
  --color-yellow: hsl(from var(--color-red) 60deg s l);
  --color-yellowgreen: hsl(from var(--color-red) 90deg s l);
  --color-green: hsl(from var(--color-red) 120deg s l);
  --color-bluegreen: hsl(from var(--color-red) 150deg s l);
  --color-cyan: hsl(from var(--color-red) 180deg s l);
  --color-skyblue: hsl(from var(--color-red) 210deg s l);
  --color-blue: hsl(from var(--color-red) 240deg s l);
  --color-puple: hsl(from var(--color-red) 270deg s l);
  --color-magenta: hsl(from var(--color-red) 300deg s l);
  --color-pink: hsl(from var(--color-red) 330deg s l);
}

/* Safari */
_::-webkit-full-page-media, _:future, :root {
	--color-theme2: oklch(from var(--color-theme1) l c calc(h + 60deg));
  --color-theme3: oklch(from var(--color-theme1) l c calc(h + 120deg));
  --color-theme4: oklch(from var(--color-theme1) l c calc(h + 180deg));
  --color-theme5: oklch(from var(--color-theme1) l c calc(h + 240deg));
  --color-theme6: oklch(from var(--color-theme1) l c calc(h + 300deg));
}


/* font-color */
.fc-black, 
.fc-000 {
  color: var(--color-000) !important;
}
.fc-111 {
  color: var(--color-111) !important;
}
.fc-222 {
  color: var(--color-222) !important;
}
.fc-333 {
  color: var(--color-333) !important;
}
.fc-darkgray, 
.fc-444 {
  color: var(--color-444) !important;
}
.fc-555 {
  color: var(--color-555) !important;
}
.fc-666 {
  color: var(--color-666) !important;
}
.fc-777 {
  color: var(--color-777) !important;
}
.fc-gray, 
.fc-888 {
  color: var(--color-888) !important;
}
.fc-999 {
  color: var(--color-999) !important;
}
.fc-aaa {
  color: var(--color-aaa) !important;
}
.fc-bbb {
  color: var(--color-bbb) !important;
}
.fc-lightgray, 
.fc-ccc {
  color: var(--color-ccc) !important;
}
.fc-ddd {
  color: var(--color-ddd) !important;
}
.fc-eee {
  color: var(--color-eee) !important;
}
.fc-white, 
.fc-fff {
  color: var(--color-fff) !important;
}

.fc-black90 {
  color: var(--color-black90) !important;
}
.fc-black80 {
  color: var(--color-black80) !important;
}
.fc-black70 {
  color: var(--color-black70) !important;
}
.fc-black60 {
  color: var(--color-black60) !important;
}
.fc-black50 {
  color: var(--color-black50) !important;
}
.fc-black40 {
  color: var(--color-black40) !important;
}
.fc-black30 {
  color: var(--color-black30) !important;
}
.fc-black20 {
  color: var(--color-black20) !important;
}
.fc-black10 {
  color: var(--color-black10) !important;
}

.fc-white90 {
  color: var(--color-white90) !important;
}
.fc-white80 {
  color: var(--color-white80) !important;
}
.fc-white70 {
  color: var(--color-white70) !important;
}
.fc-white60 {
  color: var(--color-white60) !important;
}
.fc-white50 {
  color: var(--color-white50) !important;
}
.fc-white40 {
  color: var(--color-white40) !important;
}
.fc-white30 {
  color: var(--color-white30) !important;
}
.fc-white20 {
  color: var(--color-white20) !important;
}
.fc-white10 {
  color: var(--color-white10) !important;
}

.fc-red {
  color: var(--color-red) !important;
}
.fc-orange {
  color: var(--color-orange) !important;
}
.fc-yellow {
  color: var(--color-yellow) !important;
}
.fc-yellowgreen {
  color: var(--color-yellowgreen) !important;
}
.fc-green {
  color: var(--color-green) !important;
}
.fc-bluegreen {
  color: var(--color-bluegreen) !important;
}
.fc-cyan {
  color: var(--color-cyan) !important;
}
.fc-skyblue {
  color: var(--color-skyblue) !important;
}
.fc-blue {
  color: var(--color-blue) !important;
}
.fc-puple {
  color: var(--color-puple) !important;
}
.fc-magenta {
  color: var(--color-magenta) !important;
}
.fc-pink {
  color: var(--color-pink) !important;
}
.fc-alert {
  color: var(--color-red) !important;
}

.fc-theme1 {
	color:var(--color-theme1) !important;
}
.fc-theme1-xlight {
	color:var(--color-theme1-xlight) !important;
}
.fc-theme1-light {
	color:var(--color-theme1-light) !important;
}
.fc-theme1-dark {
	color:var(--color-theme1-dark) !important;
}
.fc-theme1-xdark {
	color:var(--color-theme1-xdark) !important;
}

.fc-theme2 {
	color:var(--color-theme2) !important;
}
.fc-theme2-xlight {
	color:var(--color-theme2-xlight) !important;
}
.fc-theme2-light {
	color:var(--color-theme2-light) !important;
}
.fc-theme2-dark {
	color:var(--color-theme2-dark) !important;
}
.fc-theme2-xdark {
	color:var(--color-theme2-xdark) !important;
}

.fc-theme3 {
	color:var(--color-theme3) !important;
}
.fc-theme3-xlight {
	color:var(--color-theme3-xlight) !important;
}
.fc-theme3-light {
	color:var(--color-theme3-light) !important;
}
.fc-theme3-dark {
	color:var(--color-theme3-dark) !important;
}
.fc-theme3-xdark {
	color:var(--color-theme3-xdark) !important;
}

.fc-theme4 {
	color:var(--color-theme4) !important;
}
.fc-theme4-xlight {
	color:var(--color-theme4-xlight) !important;
}
.fc-theme4-light {
	color:var(--color-theme4-light) !important;
}
.fc-theme4-dark {
	color:var(--color-theme4-dark) !important;
}
.fc-theme4-xdark {
	color:var(--color-theme4-xdark) !important;
}

.fc-theme5 {
	color:var(--color-theme5) !important;
}
.fc-theme5-xlight {
	color:var(--color-theme5-xlight) !important;
}
.fc-theme5-light {
	color:var(--color-theme5-light) !important;
}
.fc-theme5-dark {
	color:var(--color-theme5-dark) !important;
}
.fc-theme5-xdark {
	color:var(--color-theme5-xdark) !important;
}

.fc-theme6 {
	color:var(--color-theme6) !important;
}
.fc-theme6-xlight {
	color:var(--color-theme6-xlight) !important;
}
.fc-theme6-light {
	color:var(--color-theme6-light) !important;
}
.fc-theme6-dark {
	color:var(--color-theme6-dark) !important;
}
.fc-theme6-xdark {
	color:var(--color-theme6-xdark) !important;
}

/* bg-color */
.bg-black, 
.bg-000 {
  background-color: var(--color-000) !important;
}
.bg-111 {
  background-color: var(--color-111) !important;
}
.bg-222 {
  background-color: var(--color-222) !important;
}
.bg-333 {
  background-color: var(--color-333) !important;
}
.bg-darkgray, 
.bg-444 {
  background-color: var(--color-444) !important;
}
.bg-555 {
  background-color: var(--color-555) !important;
}
.bg-666 {
  background-color: var(--color-666) !important;
}
.bg-777 {
  background-color: var(--color-777) !important;
}
.bg-gray, 
.bg-888 {
  background-color: var(--color-888) !important;
}
.bg-999 {
  background-color: var(--color-999) !important;
}
.bg-aaa {
  background-color: var(--color-aaa) !important;
}
.bg-bbb {
  background-color: var(--color-bbb) !important;
}
.bg-lightgray, 
.bg-ccc {
  background-color: var(--color-ccc) !important;
}
.bg-ddd {
  background-color: var(--color-ddd) !important;
}
.bg-eee {
  background-color: var(--color-eee) !important;
}
.bg-white, 
.bg-fff {
  background-color: var(--color-fff) !important;
}

.bg-black90 {
  background-color: var(--color-black90) !important;
}
.bg-black80 {
  background-color: var(--color-black80) !important;
}
.bg-black70 {
  background-color: var(--color-black70) !important;
}
.bg-black60 {
  background-color: var(--color-black60) !important;
}
.bg-black50 {
  background-color: var(--color-black50) !important;
}
.bg-black40 {
  background-color: var(--color-black40) !important;
}
.bg-black30 {
  background-color: var(--color-black30) !important;
}
.bg-black20 {
  background-color: var(--color-black20) !important;
}
.bg-black10 {
  background-color: var(--color-black10) !important;
}

.bg-white90 {
  background-color: var(--color-white90) !important;
}
.bg-white80 {
  background-color: var(--color-white80) !important;
}
.bg-white70 {
  background-color: var(--color-white70) !important;
}
.bg-white60 {
  background-color: var(--color-white60) !important;
}
.bg-white50 {
  background-color: var(--color-white50) !important;
}
.bg-white40 {
  background-color: var(--color-white40) !important;
}
.bg-white30 {
  background-color: var(--color-white30) !important;
}
.bg-white20 {
  background-color: var(--color-white20) !important;
}
.bg-white10 {
  background-color: var(--color-white10) !important;
}

.bg-red {
  background-color: var(--color-red) !important;
}
.bg-orange {
  background-color: var(--color-orange) !important;
}
.bg-yellow {
  background-color: var(--color-yellow) !important;
}
.bg-yellowgreen {
  background-color: var(--color-yellowgreen) !important;
}
.bg-green {
  background-color: var(--color-green) !important;
}
.bg-bluegreen {
  background-color: var(--color-bluegreen) !important;
}
.bg-cyan {
  background-color: var(--color-cyan) !important;
}
.bg-skyblue {
  background-color: var(--color-skyblue) !important;
}
.bg-blue {
  background-color: var(--color-blue) !important;
}
.bg-puple {
  background-color: var(--color-puple) !important;
}
.bg-magenta {
  background-color: var(--color-magenta) !important;
}
.bg-pink {
  background-color: var(--color-pink) !important;
}
.bg-alert {
  background-color: var(--color-alert) !important;
}

.bg-theme1 {
	background-color:var(--color-theme1) !important;
}
.bg-theme1-xlight {
	background-color:var(--color-theme1-xlight) !important;
}
.bg-theme1-light {
	background-color:var(--color-theme1-light) !important;
}
.bg-theme1-dark {
	background-color:var(--color-theme1-dark) !important;
}
.bg-theme1-xdark {
	background-color:var(--color-theme1-xdark) !important;
}

.bg-theme2 {
	background-color:var(--color-theme2) !important;
}
.bg-theme2-xlight {
	background-color:var(--color-theme2-xlight) !important;
}
.bg-theme2-light {
	background-color:var(--color-theme2-light) !important;
}
.bg-theme2-dark {
	background-color:var(--color-theme2-dark) !important;
}
.bg-theme2-xdark {
	background-color:var(--color-theme2-xdark) !important;
}

.bg-theme3 {
	background-color:var(--color-theme3) !important;
}
.bg-theme3-xlight {
	background-color:var(--color-theme3-xlight) !important;
}
.bg-theme3-light {
	background-color:var(--color-theme3-light) !important;
}
.bg-theme3-dark {
	background-color:var(--color-theme3-dark) !important;
}
.bg-theme3-xdark {
	background-color:var(--color-theme3-xdark) !important;
}

.bg-theme4 {
	background-color:var(--color-theme4) !important;
}
.bg-theme4-xlight {
	background-color:var(--color-theme4-xlight) !important;
}
.bg-theme4-light {
	background-color:var(--color-theme4-light) !important;
}
.bg-theme4-dark {
	background-color:var(--color-theme4-dark) !important;
}
.bg-theme4-xdark {
	background-color:var(--color-theme4-xdark) !important;
}

.bg-theme5 {
	background-color:var(--color-theme5) !important;
}
.bg-theme5-xlight {
	background-color:var(--color-theme5-xlight) !important;
}
.bg-theme5-light {
	background-color:var(--color-theme5-light) !important;
}
.bg-theme5-dark {
	background-color:var(--color-theme5-dark) !important;
}
.bg-theme5-xdark {
	background-color:var(--color-theme5-xdark) !important;
}

.bg-theme6 {
	background-color:var(--color-theme6) !important;
}
.bg-theme6-xlight {
	background-color:var(--color-theme6-xlight) !important;
}
.bg-theme6-light {
	background-color:var(--color-theme6-light) !important;
}
.bg-theme6-dark {
	background-color:var(--color-theme6-dark) !important;
}
.bg-theme6-xdark {
	background-color:var(--color-theme6-xdark) !important;
}


/*
 * Global Setting
 * ================================================================================
 */

html,
body {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

html {
	font-size: 62.5%;
}
body,
button,
input,
select,
textarea {
	font-size: 1.6rem;
}

div,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
article,
aside,
canvas,
figure,
figcaption,
hgroup,
footer,
header,
main,
nav,
section,
audio,
video,
button,
label,
input,
textarea,
select,
option {
  position: relative;
  box-sizing: border-box;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ol {
  margin: 0;
  padding-left: 1em;
}
dl, 
dt, 
dd {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  border: none;
}

sup {
  font-size: 70%;
  vertical-align: top;
}

sub {
  font-size: 70%;
  vertical-align: baseline;
}

input, 
textarea, 
select, 
button {
  border: none;
  outline: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  color: inherit;
}

*:hover, 
*:active, 
*:focus, 
*:focus-visible,
*:focus-within {
	outline: none !important;
}

a {
  color: inherit;
  word-wrap: break-word;
  text-decoration: none;
}
a:link {
/*  color: inherit;*/
}
a:visited {
/*  color: inherit;*/
}
a:hover {
/*  color: inherit;*/
	opacity:0.6;
	transition: 0.2s;
}
a:active {
  color: inherit;
	opacity:0.4;
}

:disabled,
.disabled {
  cursor: default;
  pointer-events: none;
	opacity:0.3;
}


/* Webkit Fix
	------------------	*/
/*@supports (-webkit-touch-callout: none) {
  html {
    height: -webkit-fill-available;
  }
  body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
  }
}*/

body {
  /*	-webkit-tap-highlight-color: rgba(0,0,0, 0.1);*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: text;
/*  -webkit-user-select: none;*/
  -webkit-text-size-adjust: none;
}


/* Selection Colours 
	------------------	*/
/*
::-webkit-selection {
  color: #fcfcfc;
  background: #aaa;
}
::-moz-selection {
  color: #fcfcfc;
  background: #aaa;
}
::selection {
  color: #fcfcfc;
  background: #aaa;
}

img::-webkit-selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}
img::selection {
	background: transparent;
}
*/


/* Scroll Bar
	------------------	*/
::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}
 
::-webkit-scrollbar-track {
	background: rgba(0,0,0,0.0);
/*	background: #333;*/
/*	border-radius:6px;*/
}
 
::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius:6px;
}


/* Font 
	------------------	*/
/* font size */
.fs-xxlarge {
  font-size: 6rem;
  /*60px*/
}
.fs-xlarge {
  font-size: 4.8rem;
  /*48px*/
}
.fs-large {
  font-size: 2.8rem;
  /*28px*/
}
.fs-bigger {
  font-size: 2.2rem;
  /*22px*/
}
.fs-big {
  font-size: 1.8rem;
  /*18px*/
}
.fs-normal {
  font-size: 1.6rem;
  /*16px*/
}
.fs-small {
  font-size: 1.4rem;
  /*14px*/
}
.fs-xsmall {
  font-size: 1.2rem;
}
.fs-xxsmall {
  font-size: 1rem;
}

.fs-10 {
  font-size: 1rem !important;
}
.fs-11 {
  font-size: 1.1rem !important;
}
.fs-12 {
  font-size: 1.2rem !important;
}
.fs-13 {
  font-size: 1.3rem !important;
}
.fs-14 {
  font-size: 1.4rem !important;
}
.fs-16 {
  font-size: 1.6rem !important;
}
.fs-18 {
  font-size: 1.8rem !important;
}
.fs-20 {
  font-size: 2rem !important;
}
.fs-22 {
  font-size: 2.2rem !important;
}
.fs-24 {
  font-size: 2.4rem !important;
}
.fs-26 {
  font-size: 2.6rem !important;
}
.fs-28 {
  font-size: 2.8rem !important;
}
.fs-30 {
  font-size: 3rem !important;
}
.fs-32 {
  font-size: 3.2rem !important;
}
.fs-34 {
  font-size: 3.4rem !important;
}
.fs-36 {
  font-size: 3.6rem !important;
}
.fs-40 {
  font-size: 4rem !important;
}
.fs-44 {
  font-size: 4.4rem !important;
}
.fs-48 {
  font-size: 4.8rem !important;
}

/* font weight */
.fw-regular, 
.fw-400 {
  font-weight: 400 !important;
}
.fw-medium, 
.fw-500 {
  font-weight: 500 !important;
}
.fw-bold, 
.fw-700 {
  font-weight: 700 !important;
}
.fw-xbold, 
.fw-900 {
  font-weight: 900 !important;
}

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

/* vertical align */
.va-top {
  vertical-align: top;
}
.va-middle {
  vertical-align: middle;
}
.va-baseline {
  vertical-align: baseline;
}
.va-bottom {
  vertical-align: bottom;
}

/* line height */
.lh-1 {
  line-height: 1 !important;
}
.lh-11 {
  line-height: 1.1 !important;
}
.lh-12 {
  line-height: 1.2 !important;
}
.lh-13 {
  line-height: 1.3 !important;
}
.lh-14 {
  line-height: 1.4 !important;
}
.lh-15 {
  line-height: 1.5 !important;
}
.lh-16 {
  line-height: 1.6 !important;
}
.lh-18 {
  line-height: 1.8 !important;
}
.lh-2 {
  line-height: 2 !important;
}


/* etc */
.nowrap {
	white-space: nowrap;
}


/* full */
.w-full {
  width: 100%;
}
.w-100vw {
	width: 100vw;
}
.mw-100vw {
	max-width: 100vw;
}
.h-full {
  height: 100%;
}


/* margin */
.m-0 {
  margin: 0 !important;
}
.m-1em {
  margin: 1em !important;
}
.m-1rem {
  margin: 1rem !important;
}
.m-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.m-1grid {
  margin: var(--gridSize) !important;
}
.m-2grid {
  margin: var(--gridSize2) !important;
}
.m-3grid {
  margin: var(--gridSize3) !important;
}
.m-4grid {
  margin: var(--gridSize4) !important;
}
.m-5grid {
  margin: var(--gridSize5) !important;
}
.m-6grid {
  margin: var(--gridSize6) !important;
}
.m-7grid {
  margin: var(--gridSize7) !important;
}
.m-8grid {
  margin: var(--gridSize8) !important;
}
.m-9grid {
  margin: var(--gridSize9) !important;
}
.m-10grid {
  margin: var(--gridSize10) !important;
}
.m-11grid {
  margin: var(--gridSize11) !important;
}
.m-12grid {
  margin: var(--gridSize12) !important;
}
.m-13grid {
  margin: var(--gridSize13) !important;
}
.m-14grid {
  margin: var(--gridSize14) !important;
}
.m-15grid {
  margin: var(--gridSize15) !important;
}

.ml-0 {
  margin-left: 0 !important;
}
.ml-1em {
  margin-left: 1em !important;
}
.ml-1rem {
  margin-left: 1rem !important;
}
.ml-auto {
  margin-left: auto !important;
}
.ml-1grid {
  margin-left: var(--gridSize) !important;
}
.ml-2grid {
  margin-left: var(--gridSize2) !important;
}
.ml-3grid {
  margin-left: var(--gridSize3) !important;
}
.ml-4grid {
  margin-left: var(--gridSize4) !important;
}
.ml-5grid {
  margin-left: var(--gridSize5) !important;
}
.ml-6grid {
  margin-left: var(--gridSize6) !important;
}
.ml-7grid {
  margin-left: var(--gridSize7) !important;
}
.ml-8grid {
  margin-left: var(--gridSize8) !important;
}
.ml-9grid {
  margin-left: var(--gridSize9) !important;
}
.ml-10grid {
  margin-left: var(--gridSize10) !important;
}
.ml-11grid {
  margin-left: var(--gridSize11) !important;
}
.ml-12grid {
  margin-left: var(--gridSize12) !important;
}
.ml-13grid {
  margin-left: var(--gridSize13) !important;
}
.ml-14grid {
  margin-left: var(--gridSize14) !important;
}
.ml-15grid {
  margin-left: var(--gridSize15) !important;
}

.mr-0 {
  margin-right: 0 !important;
}
.mr-1em {
  margin-right: 1em !important;
}
.mr-1rem {
  margin-right: 1rem !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mr-1grid {
  margin-right: var(--gridSize) !important;
}
.mr-2grid {
  margin-right: var(--gridSize2) !important;
}
.mr-3grid {
  margin-right: var(--gridSize3) !important;
}
.mr-4grid {
  margin-right: var(--gridSize4) !important;
}
.mr-5grid {
  margin-right: var(--gridSize5) !important;
}
.mr-6grid {
  margin-right: var(--gridSize6) !important;
}
.mr-7grid {
  margin-right: var(--gridSize7) !important;
}
.mr-8grid {
  margin-right: var(--gridSize8) !important;
}
.mr-9grid {
  margin-right: var(--gridSize9) !important;
}
.mr-10grid {
  margin-right: var(--gridSize10) !important;
}
.mr-11grid {
  margin-right: var(--gridSize11) !important;
}
.mr-12grid {
  margin-right: var(--gridSize12) !important;
}
.mr-13grid {
  margin-right: var(--gridSize13) !important;
}
.mr-14grid {
  margin-right: var(--gridSize14) !important;
}
.mr-15grid {
  margin-right: var(--gridSize15) !important;
}

.mt-0 {
  margin-top: 0 !important;
}
.mt-1em {
  margin-top: 1em !important;
}
.mt-1rem {
  margin-top: 1rem !important;
}
.mt-1grid {
  margin-top: var(--gridSize) !important;
}
.mt-2grid {
  margin-top: var(--gridSize2) !important;
}
.mt-3grid {
  margin-top: var(--gridSize3) !important;
}
.mt-4grid {
  margin-top: var(--gridSize4) !important;
}
.mt-5grid {
  margin-top: var(--gridSize5) !important;
}
.mt-6grid {
  margin-top: var(--gridSize6) !important;
}
.mt-7grid {
  margin-top: var(--gridSize7) !important;
}
.mt-8grid {
  margin-top: var(--gridSize8) !important;
}
.mt-9grid {
  margin-top: var(--gridSize9) !important;
}
.mt-10grid {
  margin-top: var(--gridSize10) !important;
}
.mt-11grid {
  margin-top: var(--gridSize11) !important;
}
.mt-12grid {
  margin-top: var(--gridSize12) !important;
}
.mt-13grid {
  margin-top: var(--gridSize13) !important;
}
.mt-14grid {
  margin-top: var(--gridSize14) !important;
}
.mt-15grid {
  margin-top: var(--gridSize15) !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1em {
  margin-bottom: 1em !important;
}
.mb-1rem {
  margin-bottom: 1rem !important;
}
.mb-1grid {
  margin-bottom: var(--gridSize) !important;
}
.mb-2grid {
  margin-bottom: var(--gridSize2) !important;
}
.mb-3grid {
  margin-bottom: var(--gridSize3) !important;
}
.mb-4grid {
  margin-bottom: var(--gridSize4) !important;
}
.mb-5grid {
  margin-bottom: var(--gridSize5) !important;
}
.mb-6grid {
  margin-bottom: var(--gridSize6) !important;
}
.mb-7grid {
  margin-bottom: var(--gridSize7) !important;
}
.mb-8grid {
  margin-bottom: var(--gridSize8) !important;
}
.mb-9grid {
  margin-bottom: var(--gridSize9) !important;
}
.mb-10grid {
  margin-bottom: var(--gridSize10) !important;
}
.mb-11grid {
  margin-bottom: var(--gridSize11) !important;
}
.mb-12grid {
  margin-bottom: var(--gridSize12) !important;
}
.mb-13grid {
  margin-bottom: var(--gridSize13) !important;
}
.mb-14grid {
  margin-bottom: var(--gridSize14) !important;
}
.mb-15grid {
  margin-bottom: var(--gridSize15) !important;
}

.mt-lv1 {
  margin-top: var(--gridSizeLv1) !important;
}
.mt-lv2 {
  margin-top: var(--gridSizeLv2) !important;
}
.mt-lv3 {
  margin-top: var(--gridSizeLv3) !important;
}
.mt-lv4 {
  margin-top: var(--gridSizeLv4) !important;
}
.mt-lv5 {
  margin-top: var(--gridSizeLv5) !important;
}
.mt-lv6 {
  margin-top: var(--gridSizeLv6) !important;
}

.mb-lv1 {
  margin-bottom: var(--gridSizeLv1) !important;
}
.mb-lv2 {
  margin-bottom: var(--gridSizeLv2) !important;
}
.mb-lv3 {
  margin-bottom: var(--gridSizeLv3) !important;
}
.mb-lv4 {
  margin-bottom: var(--gridSizeLv4) !important;
}
.mmbt-lv5 {
  margin-bottom: var(--gridSizeLv5) !important;
}
.mb-lv6 {
  margin-bottom: var(--gridSizeLv6) !important;
}

@media screen and (max-width:767px) {
  .mt-lv1.sp-half {
    margin-top: var(--gridSizeLv1-half) !important;
  }
  .mt-lv2.sp-half {
    margin-top: var(--gridSizeLv2-half) !important;
  }
  .mt-lv3.sp-half {
    margin-top: var(--gridSizeLv3-half) !important;
  }
  .mt-lv4.sp-half {
    margin-top: var(--gridSizeLv4-half) !important;
  }
  .mt-lv5.sp-half {
    margin-top: var(--gridSizeLv5-half) !important;
  }
  .mt-lv6.sp-half {
    margin-top: var(--gridSizeLv6-half) !important;
  }

  .mb-lv1.sp-half {
    margin-bottom: var(--gridSizeLv1-half) !important;
  }
  .mb-lv2.sp-half {
    margin-bottom: var(--gridSizeLv2-half) !important;
  }
  .mb-lv3.sp-half {
    margin-bottom: var(--gridSizeLv3-half) !important;
  }
  .mb-lv4.sp-half {
    margin-bottom: var(--gridSizeLv4-half) !important;
  }
  .mb-lv5.sp-half {
    margin-bottom: var(--gridSizeLv5-half) !important;
  }
  .mb-lv6.sp-half {
    margin-bottom: var(--gridSizeLv6-half) !important;
  }
}

/* padding */
.p-0 {
  padding: 0 !important;
}
.p-1em {
  padding: 1em !important;
}
.p-1rem {
  padding: 1rem !important;
}
.p-1grid {
  padding: var(--gridSize) !important;
}
.p-2grid {
  padding: var(--gridSize2) !important;
}
.p-3grid {
  padding: var(--gridSize3) !important;
}
.p-4grid {
  padding: var(--gridSize4) !important;
}
.p-5grid {
  padding: var(--gridSize5) !important;
}
.p-6grid {
  padding: var(--gridSize6) !important;
}
.p-7grid {
  padding: var(--gridSize7) !important;
}
.p-8grid {
  padding: var(--gridSize8) !important;
}
.p-9grid {
  padding: var(--gridSize9) !important;
}
.p-10grid {
  padding: var(--gridSize10) !important;
}
.p-11grid {
  padding: var(--gridSize11) !important;
}
.p-12grid {
  padding: var(--gridSize12) !important;
}
.p-13grid {
  padding: var(--gridSize13) !important;
}
.p-14grid {
  padding: var(--gridSize14) !important;
}
.p-15grid {
  padding: var(--gridSize15) !important;
}

.pt-0 {
  padding-top: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}

.pt-lv1 {
  padding-top: var(--gridSizeLv1) !important;
}
.pt-lv2 {
  padding-top: var(--gridSizeLv2) !important;
}
.pt-lv3 {
  padding-top: var(--gridSizeLv3) !important;
}
.pt-lv4 {
  padding-top: var(--gridSizeLv4) !important;
}
.pt-lv5 {
  padding-top: var(--gridSizeLv5) !important;
}
.pt-lv6 {
  padding-top: var(--gridSizeLv6) !important;
}

.pb-lv1 {
  padding-bottom: var(--gridSizeLv1) !important;
}
.pb-lv2 {
  padding-bottom: var(--gridSizeLv2) !important;
}
.pb-lv3 {
  padding-bottom: var(--gridSizeLv3) !important;
}
.pb-lv4 {
  padding-bottom: var(--gridSizeLv4) !important;
}
.pb-lv5 {
  padding-bottom: var(--gridSizeLv5) !important;
}
.pb-lv6 {
  padding-bottom: var(--gridSizeLv6) !important;
}

@media screen and (max-width:767px) {
  .pt-lv1.sp-half {
    padding-top: var(--gridSizeLv1-half) !important;
  }
  .pt-lv2.sp-half {
    padding-top: var(--gridSizeLv2-half) !important;
  }
  .pt-lv3.sp-half {
    padding-top: var(--gridSizeLv3-half) !important;
  }
  .pt-lv4.sp-half {
    padding-top: var(--gridSizeLv4-half) !important;
  }
  .pt-lv5.sp-half {
    padding-top: var(--gridSizeLv5-half) !important;
  }
  .pt-lv6.sp-half {
    padding-top: var(--gridSizeLv6-half) !important;
  }

  .pb-lv1.sp-half {
    padding-bottom: var(--gridSizeLv1-half) !important;
  }
  .pb-lv2.sp-half {
    padding-bottom: var(--gridSizeLv2-half) !important;
  }
  .pb-lv3.sp-half {
    padding-bottom: var(--gridSizeLv3-half) !important;
  }
  .pb-lv4.sp-half {
    padding-bottom: var(--gridSizeLv4-half) !important;
  }
  .pb-lv5.sp-half {
    padding-bottom: var(--gridSizeLv5-half) !important;
  }
  .pb-lv6.sp-half {
    padding-bottom: var(--gridSizeLv6-half) !important;
  }
}


/* Display 
	------------------	*/
.disp-n {
  display: none !important;
}
@media only screen and (min-width: 961px) {
	.disp-n-pc {
		display:none !important;
	}
}
@media only screen and (max-width: 960px) {
	.disp-n-sp {
		display:none !important;
	}
}
.disp-b {
  display: block !important;
}
.disp-ib {
  display: inline-block !important;
}
.disp-f {
  display: flex !important;
}
.disp-if {
  display: inline-flex !important;
}


/* Flex 
	------------------	*/
.flex-top-left {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.flex-top-center {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.flex-top-right {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.flex-top-between {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.flex-top-around {
  display: flex;
  align-items: top;
  justify-content: space-around;
}
.flex-center-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flex-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-center-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.flex-center-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-center-around {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.flex-bottom-left {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.flex-bottom-center {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.flex-bottom-right {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.flex-bottom-between {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.flex-bottom-around {
  display: flex;
  align-items: bottom;
  justify-content: space-around;
}
.flex-stretch-left {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.flex-stretch-center {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.flex-stretch-right {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
}
.flex-stretch-between {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.flex-stretch-around {
  display: flex;
  align-items: stretch;
  justify-content: space-around;
}

.flex-column {
  flex-direction: column !important;
}
.flex-row {
  flex-direction: row !important;
}

.flex-grow {
  flex-grow: 1 !important;
	width:100%;
}
.flex-shrink {
  flex-shrink: 0 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}


/*	Grid
	------------------ */
.grid-col2, 
.grid-col3, 
.grid-col4 {
	display:grid;
  gap: var(--gridSizeLv1) 4vw;
}
.grid-col2 {
	grid-template-columns: 1fr 1fr;
}
.grid-col3 {
	grid-template-columns: 1fr 1fr 1fr;
}
.grid-col4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-v-center {
	align-items:center;
}
.grid-h-center {
	justify-items:center;
}
@media only screen and (max-width: 960px) {
	.grid-col2 {
		grid-template-columns: 1fr !important;
	}
	.grid-col3 {
		grid-template-columns: 1fr !important;
	}
	.grid-col4 {
		grid-template-columns: 1fr 1fr !important;
	}

	.grid-v-center {
		align-items:start;
	}
	.grid-h-center {
		justify-items:start;
	}
}


/* Gap
	------------------	*/
.gap-0 {
  gap: 0 !important;
}
.gap-1grid {
  gap: var(--gridSize) !important;
}
.gap-2grid {
  gap: var(--gridSize2) !important;
}
.gap-3grid {
  gap: var(--gridSize3) !important;
}
.gap-4grid {
  gap: var(--gridSize4) !important;
}
.gap-5grid {
  gap: var(--gridSize5) !important;
}
.gap-6grid {
  gap: var(--gridSize6) !important;
}
.gap-7grid {
  gap: var(--gridSize7) !important;
}
.gap-8grid {
  gap: var(--gridSize8) !important;
}
.gap-9grid {
  gap: var(--gridSize9) !important;
}
.gap-10grid {
  gap: var(--gridSize10) !important;
}
.gap-11grid {
  gap: var(--gridSize11) !important;
}
.gap-12grid {
  gap: var(--gridSize12) !important;
}
.gap-13grid {
  gap: var(--gridSize13) !important;
}
.gap-14grid {
  gap: var(--gridSize14) !important;
}
.gap-15grid {
  gap: var(--gridSize15) !important;
}

.gap-lv1 {
  gap: var(--gridSizeLv1) !important;
}
.gap-lv2 {
  gap: var(--gridSizeLv2) !important;
}
.gap-lv3 {
  gap: var(--gridSizeLv3) !important;
}
.gap-lv4 {
  gap: var(--gridSizeLv4) !important;
}
.gap-lv5 {
  gap: var(--gridSizeLv5) !important;
}
.gap-lv6 {
  gap: var(--gridSizeLv6) !important;
}

@media screen and (max-width:767px) {
  .gap-lv1.sp-half {
    gap: var(--gridSizeLv1-half) !important;
  }
  .gap-lv2.sp-half {
    gap: var(--gridSizeLv2-half) !important;
  }
  .gap-lv3.sp-half {
    gap: var(--gridSizeLv3-half) !important;
  }
  .gap-lv4.sp-half {
    gap: var(--gridSizeLv4-half) !important;
  }
  .gap-lv5.sp-half {
    gap: var(--gridSizeLv5-half) !important;
  }
  .gap-lv6.sp-half {
    gap: var(--gridSizeLv6-half) !important;
  }
}

.row-gap-0 {
	row-gap: 0px !important;
}
.column-gap-0 {
	column-gap: 0px !important;}



/*
 * Customaize
 * ================================================================================
 */

/*	Style
/* -------------------------------------------------------------------------------- */














/* -------------------------------------------------------------------------------- */