@charset "utf-8";
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Hina+Mincho&family=Lexend+Deca:wght@100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif+JP:wght@200..900&family=Righteous&display=swap');


/* ======================================================================
/* root
====================================================================== */
:root {
  --color-black: #231815;
  --color-white: #ffffff;
  --color-gray: #d8d8d8;
  --color-light-gray: #eeeeee;
  --color-dark-gray: #595757;
  --color-dark-navy: var(--color-dark-navy);
  --color-navy: #161d25;
  --color-theme: #00a9c9;
  --color-yellow:#fff23f;
  --color-orange:#ff8c00;

  --fs-ttl-pc: 1.6rem;
  --fs-ttl-sp: 5.2vw;
  --fs-normal-pc: 1.1rem;
  --fs-normal-sp: 4.0vw;
  --fs-small-pc: 0.9rem;
  --fs-small-sp: 3.0vw;
  --fs-strong-pc: 1.4rem;
  --fs-strong-sp: 4.6vw;

  --pd-il-pc: 45px;
  --pd-il-sp: 8vw;

  --pb10-pc: 10px;
  --pb10-sp: 3vw;
}


/* ======================================================================
/* body
====================================================================== */

body {
  font: 400 15px / 1.7 "Hiragino Kaku Gothic ProN", "Hiragino Sans";
  color: var(--color-dark-navy);
  text-align: justify;
  letter-spacing: 0.03em;
  background: var(--color-light-gray);
}


@media screen and (width <=768px) {
  body {
    font-size: 14px;
  }
}



/* ======================================================================
/* #container
====================================================================== */

#container {
  inline-size: 500px;
  block-size: auto;
  margin-inline: auto;
  background: #fff;
  box-shadow: 0 0 30px 0px rgb(0 0 0 / 30%);
  position: relative;
  z-index: 2;
}

@media screen and (width <=768px) {
  #container {
    inline-size: 100%;
  }
}


/* ======================================================================
/* common
====================================================================== */

.mb0 {
  margin-block-end: 0px !important;
}

.mb10 {
  margin-block-end: calc(var(--pb10-pc)*1) !important;
}

.mb20 {
  margin-block-end: calc(var(--pb10-pc)*2) !important;
}

.mb40 {
  margin-block-end: calc(var(--pb10-pc)*4) !important;
}

.mb60 {
  margin-block-end: calc(var(--pb10-pc)*6) !important;
}

.pb0 {
  padding-block-end: 0px !important;
}

.pb10 {
  padding-block-end: calc(var(--pb10-pc)*1) !important;
}

.pb20 {
  padding-block-end: calc(var(--pb10-pc)*2) !important;
}

.pb40 {
  padding-block-end: calc(var(--pb10-pc)*4) !important;
}

.pb60 {
  padding-block-end: calc(var(--pb10-pc)*6) !important;
}

@media screen and (width <=768px) {

  .mb10 {
    margin-block-end: calc(var(--pb10-sp)*1) !important;
  }

  .mb20 {
    margin-block-end: calc(var(--pb10-sp)*2) !important;
  }

  .mb40 {
    margin-block-end: calc(var(--pb10-sp)*4) !important;
  }

  .mb60 {
    margin-block-end: calc(var(--pb10-sp)*6) !important;
  }

  .pb10 {
    padding-block-end: calc(var(--pb10-sp)*1) !important;
  }

  .pb20 {
    padding-block-end: calc(var(--pb10-sp)*2) !important;
  }

  .pb40 {
    padding-block-end: calc(var(--pb10-sp)*4) !important;
  }

  .pb60 {
    padding-block-end: calc(var(--pb10-sp)*6) !important;
  }

}




/* ======================================================================
/* .storeWrap
====================================================================== */

.storeWrap {
  background: #eceeee;
  padding-block-end: 2.4em;

  & h2 {
    margin-block-end: 5%;
  }

  & h3 {
    margin-block: 5%;
    font-size: 1.2em;
    text-align: center;
    background: #fff;
    margin-inline: 18px;
    padding-block: 0.8em;
    line-height: 1.0;
  }

  & > ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    place-items: start;
    gap: 18px;
    margin-inline: 18px;

    & li {
      color: var(--color-black);
      text-align: center;
      margin-block-end: 18px;
      background: rgba(255, 255, 255, 0.8);

      & a {
        text-decoration: none;
        color: var(--color-black);
      }

      & img {
        inline-size: 100%;
        aspect-ratio: 3/2;
        object-fit: cover;
      }

      & .ttl {
        font-size: 1.1em;
        font-weight: 700;
        line-height: 1.4;
        margin-block-start: 0.8em;
        margin-block-end: 0.4em;
      }

      & .address {
        font-size: 0.8em;
        font-weight: 400;
      }

      & .tel {
        font-size: 1.4em;
        font-weight: 400;
        font-family: "Bebas Neue", sans-serif;
      }

      & .link {

        & a {
          display: block;
          inline-size: 100%;
          block-size: auto;
          margin-inline: auto;
          margin-block: 0.4em 0;
          padding-inline: 0;
          padding-block: 0.6em 0.8em;
          color: #fff;
          font-size: 1.0em;
          font-weight: 500;
          line-height: 1.0;
          text-align: center;

          &.detail {
            background: #adb4b4;
          }

          &.reserve {
            background: #00a9c8;
          }
        }
      }
    }
  }
}

@media screen and (width <=768px) {

  .storeWrap {

    & h3 {
      font-size: 4.3vw;
      margin-inline: 5vw;
    }

    & > ul {
      gap: 5vw;
      margin-inline: 5vw;

      & li {
        margin-block-end: 5vw;

        & .ttl {
          font-size: 3.8vw;
        }

        & .address {
          font-size: 2.8vw;
        }

        & .tel {
          font-size: 4.6vw;
        }

        & .link {

          & a {
            font-size: 3.0vw;
          }
        }
      }
    }
  }
}



/* ======================================================================
/* footer
====================================================================== */
footer {
  display: grid;
  place-items: center;
  padding-block: 30px 60px;
  background: var(--color-navy);

  & a {
    display: block;
    inline-size: 35%;

    & img {
    }
  }
}

@media screen and (width <=768px) {
  footer {
    padding-block: 6vw 12vw;
  }
}



/* ======================================================================
   #fadeIn
====================================================================== */

.fadeIn {
  opacity: 0;
  transition: .5s;
  transition-delay: .3s;
  transition-timing-function: ease-in-out;

  &.is-show {
    opacity: 1;
  }
}



/* ======================================================================
   .fixCTA .btnCTA
====================================================================== */

.fixCTA {

  .btnCTA {
    position: -webkit-sticky;
    position: sticky;
    inset-block-end: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    block-size: auto;
	  z-index: 10;

    & a {
      display: block;
      inline-size: 100%;
      block-size: auto;
      padding-block: 0.8em;
      text-decoration: none;
      text-align: center;
      color: #fff;
      background: var(--color-orange);
      font-size: 1.4rem;
      line-height: 1.5;
      font-weight: 700;
      position: relative;

      &::after {
        display: block;
        inline-size: fit-content;
        position: absolute;
        inset-block-start: 33%;
        inset-inline-end: 5%;
        content: ">";
        transform: scale(1.0, 2.0);
        font-weight: 400;
      }

      & small {
        display: block;
        font-size: 1.0rem;
      }
    }
  }
}

@media screen and (width <=768px) {

  .fixCTA {

    .btnCTA {

      & a {
        font-size: 4.8vw;

        & small {
          font-size: 3.8vw;
        }
      }
    }
  }

}



/* ======================================================================
/* MJ�T�C�g����̃R�s�[
====================================================================== */

/*----------------------------------------
	�J�����g�\���i�r�Q�[�V����
----------------------------------------*/
.target_nav {
	display: none;
	position: fixed;
	z-index: 100;
	top: 50%;
	right: 50%;
	transform: translate(calc(-50% + 300px),-50%);
	z-index: 49;
}
.header__link {
	display: block;
	width: 6px;
	height: 32px;
	background-color: transparent;
	border: 1px solid #d0c1c1;
	margin-top: 20px;
}
.header__link.is-active {
	/*background-color: #c8c8c8;*/ background-color: #626262;
}
li.header__item {
	position: relative;
}
/*���̕�������*/
.t_nav_tex{
	display: block;
	width: 28px;
	text-align: center;
	position: absolute;
	top: 50%;
	color: #d0c1c1;
	transform: translate(15%, -50%);
}

@media screen and (max-width: 768px){
	.target_nav {
		right: 5%;
		transform: translate(0,-50%);
	}
	.header__link {
		width: 4px;
		height: 24px;
		margin-top: 15px;
		border: 1px solid #c8c8c8;
	}
	.header__link.is-active {
		background-color: #c8c8c8;
	}

	/*���̕�������*/
	.t_nav_tex{
		width: 20px;
	}

}/*END*/

@media screen and (max-width: 599px){
	.target_nav{
		display: none !important;
	}

}/*END*/



/*----------------------------------------
	header
----------------------------------------*/

header{
	position: relative;
}
.drawer{
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	color: #d0c077;
	display: flex;
	justify-content: center;
	visibility: hidden;
	opacity: 0;
	transform: translateX(100%);
	transition: 0.5s ease-in-out;
	z-index: 50;
}
.drawer ul{
	text-align: center;
	padding-top: 100px;
}
.drawer ul li{
	position: relative;
	transform: translateX(-150px);
	transition: transform 0.5s ease;
}
.drawer ul li:nth-child(2){ transition-delay: 0.15s; }
.drawer ul li:nth-child(3){ transition-delay: 0.25s; }
.drawer ul li:nth-child(4){ transition-delay: 0.35s; }
.drawer ul li:nth-child(5){ transition-delay: 0.45s; }
.drawer ul li:nth-child(6){ transition-delay: 0.55s; }
.drawer ul li:nth-child(7){ transition-delay: 0.65s; }
.drawer ul li:nth-child(8){ transition-delay: 0.4s; }
.drawer ul li:nth-child(9){ transition-delay: 0.45s; }
.drawer ul li:nth-child(10){ transition-delay: 0.5s; }
.drawer ul li:nth-child(11){ transition-delay: 0.55s; }
.drawer ul li:nth-child(12){ transition-delay: 0.6s; }
.drawer ul li a{
	display: inline-block;
	font-size: 1.4rem;
	color: #fff;
	text-decoration: none;
	padding: 15px;
}
.drawer ul li a:hover{
	animation: drawer 1.4s;
	color: #e1f2fa;
}
@keyframes drawer{
	0%{
		filter: none;
	}
	30%{
		filter: blur(0.8px);
	}
	100%{
		filter: none;
	}
}
.open .drawer{
	visibility: visible;
	opacity: 1;
	transform: translateX(0);
}
.open .drawer ul li{
	transform: translateX(0);
}
.head_lp .drawer_close{
	position: absolute;
	right: 15px;
	top: 15px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.head_lp .drawer_close span{
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	background: #fff;
	height: 2px;
	width: 100%;
	transition: all 0.4s;
}
.head_lp .drawer_close span:nth-child(1){
	transform: rotate(45deg);
}
.head_lp .drawer_close span:nth-child(2){
	transform: rotate(-45deg);
}
.head_lp .drawer_close:hover span{
	background: #bd0d23;
}

@media screen and (max-width: 768px){

	.head_lp .drawer_close{
		width: 30px;
		height: 30px;
	}
	.drawer ul li a{
		font-size: 1.0rem;
	}


}/*END*/


.btn_menu_works{
	position: fixed;
	width: 46px;
	height: 41px;
	right: calc(50% - 250px);
	top: 0px;
	cursor: pointer;
	transition: all 0.5s;
	z-index: 51;
	background: #000;
	/*display: none;*/
}
.btn_menu_works span{
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	transition: all 0.4s;
}
.btn_menu_works span{
	width: 60%;
	left: 20%;
}
.btn_menu_works span:nth-child(1){
	top: 10px;
}
.btn_menu_works span:nth-child(2){
	top: 20px;
}
.btn_menu_works span:nth-child(3){
	top: 30px;
}
.open .btn_menu_works span:nth-child(1){
	transform: rotate(45deg);
	top: 20px;
}
.open .btn_menu_works span:nth-child(2){
	opacity: 0;
}
.open .btn_menu_works span:nth-child(3){
	transform: rotate(-45deg);
	top: 20px;
}

@media screen and (max-width: 768px){

	.btn_menu_works{
		top: 0px;
	}
	.btn_menu_works span:nth-child(2){
		top: 11px;
	}
	.open .btn_menu_works span:nth-child(1){
		top: 20px;
	}
	.open .btn_menu_works span:nth-child(3){
		top: 20px;
	}
	.btn_menu_works{
		width: 46px;
		height: 41px;
		right: 0px;
	}
	.btn_menu_works span{
		width: 70%;
		left: 15%;
	}
	.btn_menu_works span:nth-child(1){
		top: 9px;
	}
	.btn_menu_works span:nth-child(2){
		top: 20px;
	}
	.btn_menu_works span:nth-child(3){
		top: 31px;
	}
}/*END*/
.canaelBox{
	margin: 50px auto;
}
/*オンライン**************************************************************/

#hero{
padding:40px 2%;}
#problems{
padding:40px 2%;} 
#merits p{
text-align:left;}
.event_txt{
text-align:left;}

}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
#loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: opacity 0.5s ease;
}
#loading.fade-out {
  opacity: 0;
  pointer-events: none;
}
.spinner {
  width: 50px;
  height: 50px;
  border: 3px solid rgba(255, 255, 255, 0.1);
  border-top-color: #60a5fa;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}
/* lp-css-prebuilt-v1 */
/* layer: preflights */
*, ::before, ::after {
  --un-rotate: 0;
  --un-rotate-x: 0;
  --un-rotate-y: 0;
  --un-rotate-z: 0;
  --un-scale-x: 1;
  --un-scale-y: 1;
  --un-scale-z: 1;
  --un-skew-x: 0;
  --un-skew-y: 0;
  --un-translate-x: 0;
  --un-translate-y: 0;
  --un-translate-z: 0;
  --un-pan-x: ;
  --un-pan-y: ;
  --un-pinch-zoom: ;
  --un-scroll-snap-strictness: proximity;
  --un-ordinal: ;
  --un-slashed-zero: ;
  --un-numeric-figure: ;
  --un-numeric-spacing: ;
  --un-numeric-fraction: ;
  --un-border-spacing-x: 0;
  --un-border-spacing-y: 0;
  --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
  --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
  --un-shadow-inset: ;
  --un-shadow: 0 0 rgb(0 0 0 / 0);
  --un-ring-inset: ;
  --un-ring-offset-width: 0px;
  --un-ring-offset-color: #fff;
  --un-ring-width: 0px;
  --un-ring-color: rgb(147 197 253 / 0.5);
  --un-blur: ;
  --un-brightness: ;
  --un-contrast: ;
  --un-drop-shadow: ;
  --un-grayscale: ;
  --un-hue-rotate: ;
  --un-invert: ;
  --un-saturate: ;
  --un-sepia: ;
  --un-backdrop-blur: ;
  --un-backdrop-brightness: ;
  --un-backdrop-contrast: ;
  --un-backdrop-grayscale: ;
  --un-backdrop-hue-rotate: ;
  --un-backdrop-invert: ;
  --un-backdrop-opacity: ;
  --un-backdrop-saturate: ;
  --un-backdrop-sepia: ;
}
::backdrop {
  --un-rotate: 0;
  --un-rotate-x: 0;
  --un-rotate-y: 0;
  --un-rotate-z: 0;
  --un-scale-x: 1;
  --un-scale-y: 1;
  --un-scale-z: 1;
  --un-skew-x: 0;
  --un-skew-y: 0;
  --un-translate-x: 0;
  --un-translate-y: 0;
  --un-translate-z: 0;
  --un-pan-x: ;
  --un-pan-y: ;
  --un-pinch-zoom: ;
  --un-scroll-snap-strictness: proximity;
  --un-ordinal: ;
  --un-slashed-zero: ;
  --un-numeric-figure: ;
  --un-numeric-spacing: ;
  --un-numeric-fraction: ;
  --un-border-spacing-x: 0;
  --un-border-spacing-y: 0;
  --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
  --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
  --un-shadow-inset: ;
  --un-shadow: 0 0 rgb(0 0 0 / 0);
  --un-ring-inset: ;
  --un-ring-offset-width: 0px;
  --un-ring-offset-color: #fff;
  --un-ring-width: 0px;
  --un-ring-color: rgb(147 197 253 / 0.5);
  --un-blur: ;
  --un-brightness: ;
  --un-contrast: ;
  --un-drop-shadow: ;
  --un-grayscale: ;
  --un-hue-rotate: ;
  --un-invert: ;
  --un-saturate: ;
  --un-sepia: ;
  --un-backdrop-blur: ;
  --un-backdrop-brightness: ;
  --un-backdrop-contrast: ;
  --un-backdrop-grayscale: ;
  --un-backdrop-hue-rotate: ;
  --un-backdrop-invert: ;
  --un-backdrop-opacity: ;
  --un-backdrop-saturate: ;
  --un-backdrop-sepia: ;
}
/* layer: default */
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0;
}
.inset-x-0 {
  left: 0;
  right: 0;
}
.-left-\[11px\] {
  left: -11px;
}
.-top-3 {
  top: -0.75rem;
}
.bottom-\[20\%\] {
  bottom: 20%;
}
.bottom-0 {
  bottom: 0;
}
.bottom-4 {
  bottom: 1rem;
}
.left-\[-10\%\] {
  left: -10%;
}
.left-0 {
  left: 0;
}
.left-1\/2 {
  left: 50%;
}
.right-\[-10\%\] {
  right: -10%;
}
.right-0 {
  right: 0;
}
.top-\[-10\%\] {
  top: -10%;
}
.top-0 {
  top: 0;
}
.top-1 {
  top: 0.25rem;
}
.z-10 {

}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-50 {
  z-index: 50;
}
.grid {
  display: grid;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.m-4 {
  margin: 1rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-4 {
  margin-left: 1rem;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-auto {
  margin-top: auto;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.hidden {
  display: none;
}
.aspect-square {
  aspect-ratio: 1/1;
}
.h-\[85\%\] {
  height: 85%;
}
.h-1 {
  height: 0.25rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-64 {
  height: 16rem;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[430px\] {
  max-width: 430px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-\[85\%\] {
  width: 85%;
}
.w-1\/3 {
  width: 33.3333333333%;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-2\/3 {
  width: 66.6666666667%;
}
.w-24 {
  width: 6rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-64 {
  width: 16rem;
}
.w-full {
  width: 100%;
}
.w-screen {
  width: 100vw;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.flex-shrink-0, .shrink-0 {
  flex-shrink: 0;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.-translate-x-1\/2 {
  --un-translate-x: -50%;
  transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
}
.-translate-x-full {
  --un-translate-x: -100%;
  transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
}
.group:hover .group-hover\:translate-x-full {
  --un-translate-x: 100%;
  transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
}
.-skew-x-12 {
  --un-skew-x: -12deg;
  transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
}
.active\:scale-95:active {
  --un-scale-x: 0.95;
  --un-scale-y: 0.95;
  transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
}
.transform {
  transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --un-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--un-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--un-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --un-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--un-space-y-reverse)));
  margin-bottom: calc(1rem * var(--un-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --un-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--un-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--un-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --un-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--un-space-y-reverse)));
  margin-bottom: calc(2rem * var(--un-space-y-reverse));
}
.overflow-hidden {
  overflow: hidden;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.border {
  border-width: 1px;
}
.border-4 {
  border-width: 4px;
}
.border-8 {
  border-width: 8px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-l-2 {
  border-left: 2px solid #000;
}
.border-t {
  border-top-width: 1px;
}
.border-blue-100 {
  --un-border-opacity: 1;
  border-color: rgb(219 234 254 / var(--un-border-opacity));
}
.border-blue-200 {
  --un-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--un-border-opacity));
}
.border-gray-100 {
  --un-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--un-border-opacity));
}
.border-gray-200 {
  --un-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--un-border-opacity));
}
.border-white {
  border:5px solid #fff;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.border-dashed {
  border-style: dashed;
}
.bg-black {
  --un-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--un-bg-opacity));
}
.bg-blue-100 {
  --un-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--un-bg-opacity));
}
.bg-blue-200 {
  --un-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--un-bg-opacity));
}
.bg-blue-50 {
  --un-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--un-bg-opacity));
}
.bg-cyan-200 {
  --un-bg-opacity: 1;
  background-color: rgb(165 243 252 / var(--un-bg-opacity));
}
.bg-gray-100 {
  --un-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--un-bg-opacity));
}
.bg-gray-200 {
  --un-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--un-bg-opacity));
}
.bg-gray-50 {
  --un-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--un-bg-opacity));
}
.bg-gray-800 {
  --un-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--un-bg-opacity));
}
.bg-orange-50 {
  --un-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--un-bg-opacity));
}
.bg-white {
  --un-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--un-bg-opacity));
}
.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}
.bg-white\/90 {
  background-color: rgb(255 255 255 / 0.9);
}
.from-blue-50 {
  --un-gradient-from-position: 0%;
  --un-gradient-from: rgb(239 246 255 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);
  --un-gradient-to-position: 100%;
  --un-gradient-to: rgb(239 246 255 / 0) var(--un-gradient-to-position);
  --un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to);
}
.to-white {
  --un-gradient-to-position: 100%;
  --un-gradient-to: rgb(255 255 255 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);
}
.bg-gradient-to-b {
  --un-gradient-shape: to bottom;
  --un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
  background-image: linear-gradient(var(--un-gradient));
}
.object-contain {
  object-fit: contain;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-4 {
  padding: .5rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-28 {
  padding-bottom: 7rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pt-24 {
  padding-top: 3rem;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[30px\] {
  font-size: 30px;
}
.text-\[34px\] {
  font-size: 34px;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-black {
  --un-text-opacity: 1;
  color: rgb(0 0 0 / var(--un-text-opacity));
}
.text-blue-500 {
  --un-text-opacity: 1;
  color: rgb(59 130 246 / var(--un-text-opacity));
}
.text-blue-600 {
  --un-text-opacity: 1;
  color: rgb(37 99 235 / var(--un-text-opacity));
}
.text-blue-700 {
  --un-text-opacity: 1;
  color: rgb(29 78 216 / var(--un-text-opacity));
}
.text-blue-800 {
  --un-text-opacity: 1;
  color: rgb(30 64 175 / var(--un-text-opacity));
}
.text-gray-300 {
  --un-text-opacity: 1;
  color: rgb(209 213 219 / var(--un-text-opacity));
}
.text-gray-500 {
  --un-text-opacity: 1;
  color: rgb(107 114 128 / var(--un-text-opacity));
}
.text-gray-600 {
  --un-text-opacity: 1;
  color: rgb(75 85 99 / var(--un-text-opacity));
}
.text-gray-700 {
  --un-text-opacity: 1;
  color: rgb(55 65 81 / var(--un-text-opacity));
}
.text-gray-800 {
  --un-text-opacity: 1;
  color: rgb(31 41 55 / var(--un-text-opacity));
}
.text-orange-500 {
  --un-text-opacity: 1;
  color: rgb(249 115 22 / var(--un-text-opacity));
}
.text-orange-600 {
  --un-text-opacity: 1;
  color: rgb(234 88 12 / var(--un-text-opacity));
}
.text-white {
  --un-text-opacity: 1;
  color: rgb(255 255 255 / var(--un-text-opacity));
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-medium {
  font-weight: 500;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.font-sans {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.italic {
  font-style: italic;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-80 {
  opacity: 0.8;
}
.mix-blend-multiply {
  mix-blend-mode: multiply;
}
.shadow {
  --un-shadow: var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)), var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}
.shadow-\[0_-10px_30px_rgba\(0\, 0\, 0\, 0\.1\)\] {
  --un-shadow: 0 -10px 30px var(--un-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}
.shadow-2xl {
  --un-shadow: var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}
.shadow-lg {
  --un-shadow: var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)), var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}
.shadow-md {
  --un-shadow: var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)), var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}
.shadow-orange-500\/20 {
  --un-shadow-color: rgb(249 115 22 / 0.2);
}
.shadow-sm {
  --un-shadow: var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}
.shadow-xl {
  --un-shadow: var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)), var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}
.backdrop-blur-lg {
  --un-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
  backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
}
.backdrop-blur-md {
  --un-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
  backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
}
.blur-3xl {
  --un-blur: blur(64px);
  filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);
}
.filter {
  filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-700 {
  transition-duration: 700ms;
}
@media screen and (max-width: 767px) {
#eventPageContents p{
}
}