@charset 'utf-8';
/*
 * adiva util v3.0
 *
 * Masanori Kawase
 *
 */

:root {
  --gridSize: 4px;
  --colorBlack: #000;
  --colorBlack90: rgba(0, 0, 0, 0.9);
  --colorBlack60: rgba(0, 0, 0, 0.6);
  --colorBlack30: rgba(0, 0, 0, 0.3);
  --colorWhite: #FFFFFF;
  --colorWhite90: rgba(255, 255, 255, 0.9);
  --colorWhite60: rgba(255, 255, 255, 0.6);
  --colorWhite30: rgba(255, 255, 255, 0.3);
  --colorRed: #E62719;
  --colorGreen: #519108;
  --colorBrown: #997300;
  --colorBlue: #0063CC;
  --colorTurquoise: #089184;
}



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

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

html {
/*  overflow-x: hidden;*/
}

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;
}

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

a {
  color: inherit;
  word-wrap: break-word;
  text-decoration: none;
}

/*a:link {
  color: inherit;
}*/

/*a:visited {
  color: inherit;
}*/

a:hover {
/*  color: inherit;
	text-decoration: underline;*/
	opacity:0.4;
}

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


a img {
  border: none;
}

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

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

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

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


/* 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: 500%;
  /*60px*/
}
.fs-xlarge {
  font-size: 300%;
  /*48px*/
}
.fs-large {
  font-size: 200%;
  /*32px*/
}
.fs-bigger {
  font-size: 150%;
  /*24px*/
}
.fs-big {
  font-size: 112.5%;
  /*18px*/
}
.fs-normal {
  font-size: 100%;
  /*16px*/
}
.fs-small {
  font-size: 87.5%;
  /*14px*/
}
.fs-xsmall {
  font-size: 75%;
  /*12px*/
}
.fs-xxsmall {
  font-size: 62.5%;
  /*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-24 {
  font-size: 24px !important;
}
.fs-32 {
  font-size: 32px !important;
}


/* font-color */
.fc-black {
  color: var(--colorBlack90);
}
.fc-gray {
  color: var(--colorBlack60);
}
.fc-lightgray {
  color: var(--colorBlack30);
}
.fc-white {
  color: var(--colorWhite);
}
.fc-red {
  color: var(--colorRed);
}
.fc-green {
  color: var(--colorGreen);
}
.fc-brown {
  color: var(--colorBrown);
}
.fc-blue {
  color: var(--colorBlue);
}
.fc-turquoise {
  color: var(--colorTurquoise);
}
.fc-alert {
  color: var(--colorRed);
}

/* font weight */
.fw-400 {
  font-weight: 400 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-700 {
  font-weight: 700 !important;
}
.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;
}

/* margin */
.ml-0 {
  margin-left: 0 !important;
}
.ml-1em {
  margin-left: 1em !important;
}
.ml-1grid {
  margin-left: var(--gridSize) !important;
}
.ml-2grid {
  margin-left: calc(var(--gridSize) * 2) !important;
}
.ml-3grid {
  margin-left: calc(var(--gridSize) * 3) !important;
}
.ml-4grid {
  margin-left: calc(var(--gridSize) * 4) !important;
}
.ml-5grid {
  margin-left: calc(var(--gridSize) * 5) !important;
}
.ml-6grid {
  margin-left: calc(var(--gridSize) * 6) !important;
}
.ml-7grid {
  margin-left: calc(var(--gridSize) * 7) !important;
}
.ml-8grid {
  margin-left: calc(var(--gridSize) * 8) !important;
}

.mr-0 {
  margin-right: 0 !important;
}
.mr-1em {
  margin-right: 1em !important;
}
.mr-1grid {
  margin-right: var(--gridSize) !important;
}
.mr-2grid {
  margin-right: calc(var(--gridSize) * 2) !important;
}
.mr-3grid {
  margin-right: calc(var(--gridSize) * 3) !important;
}
.mr-4grid {
  margin-right: calc(var(--gridSize) * 4) !important;
}
.mr-5grid {
  margin-right: calc(var(--gridSize) * 5) !important;
}
.mr-6grid {
  margin-right: calc(var(--gridSize) * 6) !important;
}
.mr-7grid {
  margin-right: calc(var(--gridSize) * 7) !important;
}
.mr-8grid {
  margin-right: calc(var(--gridSize) * 8) !important;
}

.mt-0 {
  margin-top: 0 !important;
}
.mt-1em {
  margin-top: 1em !important;
}
.mt-1grid {
  margin-top: var(--gridSize) !important;
}
.mt-2grid {
  margin-top: calc(var(--gridSize) * 2) !important;
}
.mt-3grid {
  margin-top: calc(var(--gridSize) * 3) !important;
}
.mt-4grid {
  margin-top: calc(var(--gridSize) * 4) !important;
}
.mt-5grid {
  margin-top: calc(var(--gridSize) * 5) !important;
}
.mt-6grid {
  margin-top: calc(var(--gridSize) * 6) !important;
}
.mt-7grid {
  margin-top: calc(var(--gridSize) * 7) !important;
}
.mt-8grid {
  margin-top: calc(var(--gridSize) * 8) !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1em {
  margin-bottom: 1em !important;
}
.mb-1grid {
  margin-bottom: var(--gridSize) !important;
}
.mb-2grid {
  margin-bottom: calc(var(--gridSize) * 2) !important;
}
.mb-3grid {
  margin-bottom: calc(var(--gridSize) * 3) !important;
}
.mb-4grid {
  margin-bottom: calc(var(--gridSize) * 4) !important;
}
.mb-5grid {
  margin-bottom: calc(var(--gridSize) * 5) !important;
}
.mb-6grid {
  margin-bottom: calc(var(--gridSize) * 6) !important;
}
.mb-7grid {
  margin-bottom: calc(var(--gridSize) * 7) !important;
}
.mb-8grid {
  margin-bottom: calc(var(--gridSize) * 8) !important;
}

.mt-lv1 {
  margin-top: calc(var(--gridSize) * 2) !important;
}
.mt-lv2 {
  margin-top: calc(var(--gridSize) * 4) !important;
}
.mt-lv3 {
  margin-top: calc(var(--gridSize) * 6) !important;
}

.mb-lv1 {
  margin-bottom: calc(var(--gridSize) * 2) !important;
}
.mb-lv2 {
  margin-bottom: calc(var(--gridSize) * 4) !important;
}
.mb-lv3 {
  margin-bottom: calc(var(--gridSize) * 6) !important;
}

@media screen and (min-width:767px) {
  .mt-lv1 {
    margin-top: calc(var(--gridSize) * 4) !important;
  }
  .mt-lv2 {
    margin-top: calc(var(--gridSize) * 8) !important;
  }
  .mt-lv3 {
    margin-top: calc(var(--gridSize) * 12) !important;
  }

  .mb-lv1 {
    margin-bottom: calc(var(--gridSize) * 4) !important;
  }
  .mb-lv2 {
    margin-bottom: calc(var(--gridSize) * 8) !important;
  }
  .mb-lv3 {
    margin-bottom: calc(var(--gridSize) * 12) !important;
  }
}


/* Display 
	------------------	*/
.disp-n {
  display: none;
}
.disp-b {
  display: block;
}
.disp-ib {
  display: inline-block;
}


/* 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;
	width:100%;
}

.flex-shrink {
  flex-shrink: 0;
}

.flex-wrap {
  flex-wrap: wrap;
}


/* Flex Gap
	------------------	*/
.gap-1grid {
  gap: calc(var(--gridSize) * 1) !important;
}
.gap-2grid {
  gap: calc(var(--gridSize) * 2) !important;
}
.gap-3grid {
  gap: calc(var(--gridSize) * 3) !important;
}
.gap-4grid {
  gap: calc(var(--gridSize) * 4) !important;
}


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


/*	Custom Style
/* -------------------------------------------------------------------------------- */
.bg-blur {
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}