@charset 'utf-8';
/*
 * adiva util v6.0.3
 *
 * Masanori Kawase
 *
 */

/*
 * Color
 * ================================================================================
 */
:root {
	--gridSize: 0.25rem;
	--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);

	--color-lightgray: var(--color-ccc);
	--color-gray: var(--color-888);
	--color-darkgray: var(--color-444);

	/* 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-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-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-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-ccc {
	color: var(--color-ccc) !important;
}
.fc-ddd {
	color: var(--color-ddd) !important;
}
.fc-eee {
	color: var(--color-eee) !important;
}
.fc-fff {
	color: var(--color-fff) !important;
}
.fc-black {
	color: var(--color-black) !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-white {
	color: var(--color-white) !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-darkgray {
	color: var(--color-darkgray) !important;
}
.fc-gray {
	color: var(--color-gray) !important;
}
.fc-lightgray {
	color: var(--color-lightgray) !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: 100%;
}
body,
button,
input,
select,
textarea {
	font-size: 1rem;
}
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;
}
ul.disc {
	list-style-type: disc;
	padding-left: 1em;
}
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: #333;*/
}
::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 6px;
}

/* Font 
	------------------	*/
/* font size */
.fs-xxlarge {
	font-size: 3.75rem;
	/*  font-size: 6rem;*/
	/*60px*/
}
.fs-xlarge {
	font-size: 3rem;
	/*  font-size: 4.8rem;*/
	/*48px*/
}
.fs-large {
	font-size: 1.75rem;
	/*  font-size: 2.8rem;*/
	/*28px*/
}
.fs-bigger {
	font-size: 1.375rem;
	/*  font-size: 2.2rem;*/
	/*22px*/
}
.fs-big {
	font-size: 1.125rem;
	/*  font-size: 1.8rem;*/
	/*18px*/
}
.fs-normal {
	font-size: 1rem;
	/*  font-size: 1.6rem;*/
	/*16px*/
}
.fs-small {
	font-size: 0.875rem;
	/*  font-size: 1.4rem;*/
	/*14px*/
}
.fs-xsmall {
	font-size: 0.75rem;
	/*  font-size: 1.2rem;*/
	/*12px*/
}
.fs-xxsmall {
	font-size: 0.625rem;
	/*  font-size: 1rem;*/
	/*10px*/
}
.fs-10 {
	font-size: 10px !important;
}
.fs-11 {
	font-size: 11px !important;
}
.fs-12 {
	font-size: 12px !important;
}
.fs-13 {
	font-size: 13px !important;
}
.fs-14 {
	font-size: 14px !important;
}
.fs-16 {
	font-size: 16px !important;
}
.fs-18 {
	font-size: 18px !important;
}
.fs-20 {
	font-size: 20px !important;
}
.fs-22 {
	font-size: 22px !important;
}
.fs-24 {
	font-size: 24px !important;
}
.fs-26 {
	font-size: 26px !important;
}
.fs-28 {
	font-size: 28px !important;
}
.fs-30 {
	font-size: 30px !important;
}
.fs-32 {
	font-size: 32px !important;
}
.fs-34 {
	font-size: 34px !important;
}
.fs-36 {
	font-size: 36px !important;
}
.fs-40 {
	font-size: 40px !important;
}
.fs-44 {
	font-size: 44px !important;
}
.fs-48 {
	font-size: 48px !important;
}
/* font weight */
.fw-thin,
.fw-100 {
	font-weight: 100 !important;
}
.fw-xlight,
.fw-200 {
	font-weight: 200 !important;
}
.fw-light,
.fw-300 {
	font-weight: 300 !important;
}
.fw-regular,
.fw-400 {
	font-weight: 400 !important;
}
.fw-medium,
.fw-500 {
	font-weight: 500 !important;
}
.fw-semibold,
.fw-600 {
	font-weight: 600 !important;
}
.fw-bold,
.fw-700 {
	font-weight: 700 !important;
}
.fw-xbold,
.fw-800 {
	font-weight: 800 !important;
}
.fw-black,
.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%;
}
.h-full {
	height: 100%;
}

/* margin */
.m-0 {
	margin: 0 !important;
}
.m-1em {
	margin: 1em !important;
}
.m-05em {
	margin: 0.5em !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-05em {
	margin-left: 0.5em !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-05em {
	margin-right: 0.5em !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-05em {
	margin-top: 0.5em !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-05em {
	margin-bottom: 0.5em !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-05em {
	padding: 0.5em !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;
}
.pt-1em {
	padding-top: 1em !important;
}
.pt-05em {
	padding-top: 0.5em !important;
}
.pt-1grid {
	padding-top: var(--gridSize) !important;
}
.pt-2grid {
	padding-top: var(--gridSize2) !important;
}
.pt-3grid {
	padding-top: var(--gridSize3) !important;
}
.pt-4grid {
	padding-top: var(--gridSize4) !important;
}
.pt-5grid {
	padding-top: var(--gridSize5) !important;
}
.pt-6grid {
	padding-top: var(--gridSize6) !important;
}
.pt-7grid {
	padding-top: var(--gridSize7) !important;
}
.pt-8grid {
	padding-top: var(--gridSize8) !important;
}
.pt-9grid {
	padding-top: var(--gridSize9) !important;
}
.pt-10grid {
	padding-top: var(--gridSize10) !important;
}
.pt-11grid {
	padding-top: var(--gridSize11) !important;
}
.pt-12grid {
	padding-top: var(--gridSize12) !important;
}
.pt-13grid {
	padding-top: var(--gridSize13) !important;
}
.pt-14grid {
	padding-top: var(--gridSize14) !important;
}
.pt-15grid {
	padding-top: var(--gridSize15) !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.pb-1em {
	padding-bottom: 1em !important;
}
.pb-05em {
	padding-bottom: 0.5em !important;
}
.pb-1grid {
	padding-bottom: var(--gridSize) !important;
}
.pb-2grid {
	padding-bottom: var(--gridSize2) !important;
}
.pb-3grid {
	padding-bottom: var(--gridSize3) !important;
}
.pb-4grid {
	padding-bottom: var(--gridSize4) !important;
}
.pb-5grid {
	padding-bottom: var(--gridSize5) !important;
}
.pb-6grid {
	padding-bottom: var(--gridSize6) !important;
}
.pb-7grid {
	padding-bottom: var(--gridSize7) !important;
}
.pb-8grid {
	padding-bottom: var(--gridSize8) !important;
}
.pb-9grid {
	padding-bottom: var(--gridSize9) !important;
}
.pb-10grid {
	padding-bottom: var(--gridSize10) !important;
}
.pb-11grid {
	padding-bottom: var(--gridSize11) !important;
}
.pb-12grid {
	padding-bottom: var(--gridSize12) !important;
}
.pb-13grid {
	padding-bottom: var(--gridSize13) !important;
}
.pb-14grid {
	padding-bottom: var(--gridSize14) !important;
}
.pb-15grid {
	padding-bottom: var(--gridSize15) !important;
}
.pl-0 {
	padding-left: 0 !important;
}
.pl-1em {
	padding-left: 1em !important;
}
.pl-05em {
	padding-left: 0.5em !important;
}
.pl-1grid {
	padding-left: var(--gridSize) !important;
}
.pl-2grid {
	padding-left: var(--gridSize2) !important;
}
.pl-3grid {
	padding-left: var(--gridSize3) !important;
}
.pl-4grid {
	padding-left: var(--gridSize4) !important;
}
.pl-5grid {
	padding-left: var(--gridSize5) !important;
}
.pl-6grid {
	padding-left: var(--gridSize6) !important;
}
.pl-7grid {
	padding-left: var(--gridSize7) !important;
}
.pl-8grid {
	padding-left: var(--gridSize8) !important;
}
.pl-9grid {
	padding-left: var(--gridSize9) !important;
}
.pl-10grid {
	padding-left: var(--gridSize10) !important;
}
.pl-11grid {
	padding-left: var(--gridSize11) !important;
}
.pl-12grid {
	padding-left: var(--gridSize12) !important;
}
.pl-13grid {
	padding-left: var(--gridSize13) !important;
}
.pl-14grid {
	padding-left: var(--gridSize14) !important;
}
.pl-15grid {
	padding-left: var(--gridSize15) !important;
}
.pr-0 {
	padding-right: 0 !important;
}
.pr-1em {
	padding-right: 1em !important;
}
.pr-05em {
	padding-right: 0.5em !important;
}
.pr-1grid {
	padding-right: var(--gridSize) !important;
}
.pr-2grid {
	padding-right: var(--gridSize2) !important;
}
.pr-3grid {
	padding-right: var(--gridSize3) !important;
}
.pr-4grid {
	padding-right: var(--gridSize4) !important;
}
.pr-5grid {
	padding-right: var(--gridSize5) !important;
}
.pr-6grid {
	padding-right: var(--gridSize6) !important;
}
.pr-7grid {
	padding-right: var(--gridSize7) !important;
}
.pr-8grid {
	padding-right: var(--gridSize8) !important;
}
.pr-9grid {
	padding-right: var(--gridSize9) !important;
}
.pr-10grid {
	padding-right: var(--gridSize10) !important;
}
.pr-11grid {
	padding-right: var(--gridSize11) !important;
}
.pr-12grid {
	padding-right: var(--gridSize12) !important;
}
.pr-13grid {
	padding-right: var(--gridSize13) !important;
}
.pr-14grid {
	padding-right: var(--gridSize14) !important;
}
.pr-15grid {
	padding-right: var(--gridSize15) !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 (min-width: 768px) and (max-width: 961px) {
	.disp-n-tab {
		display: none !important;
	}
}
@media only screen and (max-width: 767px) {
	.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: 767px) {
	.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
/* -------------------------------------------------------------------------------- */














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