@charset "UTF-8";
@font-face {
		font-family: "Noto Serif Japanese";
		font-style: normal;
		font-weight: 700;
		src: url(../fonts/NotoSerifJP-Bold.woff) format("woff");
}
:root {
		/* Add these styles to your global stylesheet, which is used across all site pages. You only need to do this once. All elements in the library derive their variables and base styles from this central sheet, simplifying site-wide edits. For instance, if you want to modify how your h2's appear across the site, you just update it once in the global styles, and the changes apply everywhere. */
		/*7777777  COLORS  777777777*/
		--primary: #f25e5e;
		--primaryLight: #ef7d7d;
		--secondary: #0b354d;
		--secondaryLight: #354c7c;
		--headerColor: #022954;
		--bodyTextColor: #354c7c;
		--bodyTextColorWhite: #ffffff;
		/*77777 Hovering colors 777777*/
		--primary-color-darker: color-mix(in srgb, black 30%, var(--primary-color));
		--primary-color-lighter: color-mix(in srgb, white 30%, var(--primary-color));
		--secondary-color-darker: color-mix(
		  in srgb,
		  black 30%,
		  var(--secondary-color)
		);
		--secondary-color-lighter: color-mix(
		  in srgb,
		  white 30%,
		  var(--secondary-color)
		);
		/*7777777  SIZES  777777777*/
		/* 13px - 16px */
		--topperFontSize: clamp(0.8125rem, 1.6vw, 1rem);
		/* 31px - 49px */
		--headerFontSize: clamp(1.9375rem, 3.9vw, 3.0625rem);
		--bodyFontSize: 1rem;
		/* 60px - 100px top and bottom */
		--sectionPadding: clamp(3.75rem, 7.82vw, 6.25rem) 1rem;
}

body {
		font-family: sans-serif;
		margin: 0;
		padding: 0;
		background-color: #f3ecdc;
		background-image: url("../img/bg.jpg");
		background-attachment: fixed;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
}

*,
*:before,
*:after {
		/* prevents padding from affecting height and width */
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
}

.cs-topper {
		font-size: var(--topperFontSize);
		line-height: 1.2em;
		text-transform: uppercase;
		text-align: inherit;
		letter-spacing: 0.1em;
		font-weight: 700;
		color: var(--primary);
		margin-bottom: 0.25rem;
		display: block;
}

.cs-title {
		font-size: var(--headerFontSize);
		font-weight: 900;
		line-height: 1.2em;
		text-align: inherit;
		max-width: 43.75rem;
		margin: 0 0 1rem 0;
		color: var(--headerColor);
		position: relative;
}

.cs-text {
		font-size: var(--bodyFontSize);
		line-height: 1.5em;
		text-align: inherit;
		width: 100%;
		max-width: 40.625rem;
		margin: 0;
		color: var(--bodyTextColor);
}

.announcement-hightlight {
		padding: 12px 20px;
		background: linear-gradient(100deg, rgba(255, 255, 175, 0) 1%, rgba(246, 246, 64, 0.7098039216) 2.5%, rgba(255, 255, 0, 0.74) 5.7%, rgba(255, 255, 175, 0.1019607843) 93%, rgba(255, 255, 175, 0.7058823529) 95%, rgba(255, 255, 175, 0) 98%), linear-gradient(182deg, rgba(255, 255, 175, 0), rgba(255, 255, 175, 0.52) 8%, rgba(246, 246, 108, 0.62) 15%);
}
.announcement-hightlight span {
		font-size: 20px;
		font-weight: bold;
}

.cancelled {
		color: red;
		text-decoration: line-through;
}

/* Navigation Bar */
/*-- -------------------------- -->
<---      Dark Mode Toggle      -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
		body.dark-mode #dark-mode-toggle .cs-sun {
				opacity: 1;
				-webkit-transform: translate(-50%, -50%);
				        transform: translate(-50%, -50%);
		}
		body.dark-mode #dark-mode-toggle .cs-moon {
				opacity: 0;
				-webkit-transform: translate(-50%, -150%);
				        transform: translate(-50%, -150%);
				fill: #fff;
		}
		#dark-mode-toggle {
				width: 3rem;
				height: 3rem;
				padding: 0;
				background: transparent;
				border: none;
				display: block;
				position: absolute;
				top: 0.625rem;
				right: 4.375rem;
				z-index: 1000;
				overflow: hidden;
		}
		#dark-mode-toggle img,
		#dark-mode-toggle svg {
				width: 1.25rem;
				height: 1.25rem;
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				        transform: translate(-50%, -50%);
				pointer-events: none;
		}
		#dark-mode-toggle .cs-moon {
				z-index: 2;
				-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
				transition: opacity 0.3s, -webkit-transform 0.3s;
				transition: transform 0.3s, opacity 0.3s;
				transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
		}
		#dark-mode-toggle .cs-sun {
				opacity: 0;
				z-index: 1;
				-webkit-transform: translate(-50%, 100%);
				        transform: translate(-50%, 100%);
				-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
				transition: opacity 0.3s, -webkit-transform 0.3s;
				transition: transform 0.3s, opacity 0.3s;
				transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
		}
}
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
		#dark-mode-toggle {
				margin: 0;
				position: relative;
				top: auto;
				right: auto;
				-webkit-transform: none;
				        transform: none;
		}
		#dark-mode-toggle:hover {
				cursor: pointer;
		}
}
/*-- -------------------------- -->
<---     Mobile Navigation      -->
<--- -------------------------- -*/
/* Mobile - 1023px */
@media only screen and (max-width: 63.9375rem) {
		body.cs-open {
				overflow: hidden;
		}
		#cs-navigation {
				width: 100%;
				/* prevents padding and border from affecting height and width */
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				padding: 0.75rem 1rem;
				background-color: #fff;
				-webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
				        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
				position: fixed;
				z-index: 10000;
		}
		#cs-navigation:before {
				content: "";
				width: 100%;
				height: 0vh;
				background: rgba(0, 0, 0, 0.6);
				opacity: 0;
				display: block;
				position: absolute;
				top: 100%;
				right: 0;
				z-index: -1100;
				-webkit-transition: height 0.5s, opacity 0.5s;
				transition: height 0.5s, opacity 0.5s;
				backdrop-filter: blur(10px);
		}
		#cs-navigation.cs-active:before {
				height: 150vh;
				opacity: 1;
		}
		#cs-navigation.cs-active .cs-ul-wrapper {
				opacity: 1;
				-webkit-transform: scaleY(1);
				        transform: scaleY(1);
				-webkit-transition-delay: 0.15s;
				        transition-delay: 0.15s;
		}
		#cs-navigation.cs-active .cs-li {
				opacity: 1;
				-webkit-transform: translateY(0);
				        transform: translateY(0);
		}
		#cs-navigation .cs-container {
				width: 100%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: end;
				    -ms-flex-pack: end;
				        justify-content: flex-end;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
		#cs-navigation .cs-logo {
				width: 100%;
				max-width: 300px;
				height: 100%;
				margin: 0 auto 0 0;
				/* prevents padding and border from affecting height and width */
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				padding: 0;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				z-index: 10;
		}
		#cs-navigation .cs-logo img {
				width: 100%;
				height: 100%;
				/* ensures the image never overflows the container. It stays contained within it's width and height and expands to fill it then stops once it reaches an edge */
				-o-object-fit: contain;
				   object-fit: contain;
		}
		#cs-navigation .cs-toggle {
				/* 44px - 48px */
				width: clamp(2.75rem, 6vw, 3rem);
				height: clamp(2.75rem, 6vw, 3rem);
				margin: 0 0 0 auto;
				background-color: transparent;
				border: none;
				border-radius: 0.25rem;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
		#cs-navigation .cs-active .cs-line1 {
				top: 50%;
				-webkit-transform: translate(-50%, -50%) rotate(225deg);
				        transform: translate(-50%, -50%) rotate(225deg);
		}
		#cs-navigation .cs-active .cs-line2 {
				top: 50%;
				-webkit-transform: translate(-50%, -50%) translateY(0) rotate(-225deg);
				        transform: translate(-50%, -50%) translateY(0) rotate(-225deg);
				-webkit-transform-origin: center;
				        transform-origin: center;
		}
		#cs-navigation .cs-active .cs-line3 {
				opacity: 0;
				bottom: 100%;
		}
		#cs-navigation .cs-box {
				/* 24px - 28px */
				width: clamp(1.5rem, 2vw, 1.75rem);
				/* 14px - 16px */
				height: clamp(0.875rem, 1.5vw, 1rem);
				position: relative;
		}
		#cs-navigation .cs-line {
				width: 100%;
				height: 2px;
				background-color: #1a1a1a;
				border-radius: 2px;
				position: absolute;
				left: 50%;
				-webkit-transform: translateX(-50%);
				        transform: translateX(-50%);
		}
		#cs-navigation .cs-line1 {
				top: 0;
				-webkit-transition: top 0.3s, left 0.3s, -webkit-transform 0.5s;
				transition: top 0.3s, left 0.3s, -webkit-transform 0.5s;
				transition: transform 0.5s, top 0.3s, left 0.3s;
				transition: transform 0.5s, top 0.3s, left 0.3s, -webkit-transform 0.5s;
				-webkit-animation-duration: 0.7s;
				        animation-duration: 0.7s;
				-webkit-animation-timing-function: ease;
				        animation-timing-function: ease;
				-webkit-animation-direction: normal;
				        animation-direction: normal;
				-webkit-animation-fill-mode: forwards;
				        animation-fill-mode: forwards;
				-webkit-transform-origin: center;
				        transform-origin: center;
		}
		#cs-navigation .cs-line2 {
				top: 50%;
				-webkit-transform: translateX(-50%) translateY(-50%);
				        transform: translateX(-50%) translateY(-50%);
				-webkit-transition: top 0.3s, left 0.3s, -webkit-transform 0.5s;
				transition: top 0.3s, left 0.3s, -webkit-transform 0.5s;
				transition: top 0.3s, left 0.3s, transform 0.5s;
				transition: top 0.3s, left 0.3s, transform 0.5s, -webkit-transform 0.5s;
				-webkit-animation-duration: 0.7s;
				        animation-duration: 0.7s;
				-webkit-animation-timing-function: ease;
				        animation-timing-function: ease;
				-webkit-animation-direction: normal;
				        animation-direction: normal;
				-webkit-animation-fill-mode: forwards;
				        animation-fill-mode: forwards;
		}
		#cs-navigation .cs-line3 {
				bottom: 0;
				-webkit-transition: bottom 0.3s, opacity 0.3s;
				transition: bottom 0.3s, opacity 0.3s;
		}
		#cs-navigation .cs-ul-wrapper {
				width: 100%;
				height: auto;
				padding-bottom: 2.4em;
				background-color: #fff;
				-webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0px 8px 24px;
				        box-shadow: inset rgba(0, 0, 0, 0.2) 0px 8px 24px;
				opacity: 0;
				position: absolute;
				top: 100%;
				left: 0;
				z-index: -1;
				overflow: hidden;
				-webkit-transform: scaleY(0);
				        transform: scaleY(0);
				-webkit-transition: opacity 0.3s, -webkit-transform 0.4s;
				transition: opacity 0.3s, -webkit-transform 0.4s;
				transition: transform 0.4s, opacity 0.3s;
				transition: transform 0.4s, opacity 0.3s, -webkit-transform 0.4s;
				-webkit-transform-origin: top;
				        transform-origin: top;
		}
		#cs-navigation .cs-ul {
				width: 100%;
				height: auto;
				max-height: 65vh;
				margin: 0;
				padding: 3rem 0 0 0;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-pack: start;
				    -ms-flex-pack: start;
				        justify-content: flex-start;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				gap: 1.25rem;
				overflow: scroll;
		}
		#cs-navigation .cs-li {
				text-align: center;
				list-style: none;
				width: 100%;
				margin-right: 0;
				opacity: 0;
				/* transition from these values */
				-webkit-transform: translateY(-4.375rem);
				        transform: translateY(-4.375rem);
				-webkit-transition: opacity 0.9s, -webkit-transform 0.6s;
				transition: opacity 0.9s, -webkit-transform 0.6s;
				transition: transform 0.6s, opacity 0.9s;
				transition: transform 0.6s, opacity 0.9s, -webkit-transform 0.6s;
		}
		#cs-navigation .cs-li:nth-of-type(1) {
				-webkit-transition-delay: 0.05s;
				        transition-delay: 0.05s;
		}
		#cs-navigation .cs-li:nth-of-type(2) {
				-webkit-transition-delay: 0.1s;
				        transition-delay: 0.1s;
		}
		#cs-navigation .cs-li:nth-of-type(3) {
				-webkit-transition-delay: 0.15s;
				        transition-delay: 0.15s;
		}
		#cs-navigation .cs-li:nth-of-type(4) {
				-webkit-transition-delay: 0.2s;
				        transition-delay: 0.2s;
		}
		#cs-navigation .cs-li:nth-of-type(5) {
				-webkit-transition-delay: 0.25s;
				        transition-delay: 0.25s;
		}
		#cs-navigation .cs-li:nth-of-type(6) {
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
		}
		#cs-navigation .cs-li:nth-of-type(7) {
				-webkit-transition-delay: 0.35s;
				        transition-delay: 0.35s;
		}
		#cs-navigation .cs-li:nth-of-type(8) {
				-webkit-transition-delay: 0.4s;
				        transition-delay: 0.4s;
		}
		#cs-navigation .cs-li:nth-of-type(9) {
				-webkit-transition-delay: 0.45s;
				        transition-delay: 0.45s;
		}
		#cs-navigation .cs-li:nth-of-type(10) {
				-webkit-transition-delay: 0.5s;
				        transition-delay: 0.5s;
		}
		#cs-navigation .cs-li:nth-of-type(11) {
				-webkit-transition-delay: 0.55s;
				        transition-delay: 0.55s;
		}
		#cs-navigation .cs-li:nth-of-type(12) {
				-webkit-transition-delay: 0.6s;
				        transition-delay: 0.6s;
		}
		#cs-navigation .cs-li:nth-of-type(13) {
				-webkit-transition-delay: 0.65s;
				        transition-delay: 0.65s;
		}
		#cs-navigation .cs-li-link {
				/* 16px - 24px */
				font-size: clamp(1rem, 2.5vw, 1.5rem);
				line-height: 1.2em;
				text-decoration: none;
				margin: 0;
				color: var(--headerColor);
				display: inline-block;
				position: relative;
		}
		#cs-navigation .cs-li-link:before {
				/* active state underline */
				content: "";
				width: 100%;
				height: 1px;
				background: currentColor;
				opacity: 1;
				display: none;
				position: absolute;
				bottom: -0.125rem;
				left: 0;
		}
		#cs-navigation .cs-li-link.cs-active:before {
				display: block;
		}
		#cs-navigation .cs-button-solid {
				display: none;
		}
}
/* Dark Mode */
@media only screen and (max-width: 63.9375rem) {
		body.dark-mode #cs-navigation {
				background-color: var(--dark);
		}
		body.dark-mode #cs-navigation .cs-logo {
				/* makes it white */
				-webkit-filter: grayscale(1) brightness(1000%);
				        filter: grayscale(1) brightness(1000%);
		}
		body.dark-mode #cs-navigation .cs-line {
				background-color: #fff;
		}
		body.dark-mode #cs-navigation .cs-ul-wrapper {
				background-color: var(--medium);
		}
		body.dark-mode #cs-navigation .cs-li-link {
				color: var(--bodyTextColorWhite);
		}
}
/*-- -------------------------- -->
<---     Desktop Navigation     -->
<--- -------------------------- -*/
/* Small Desktop - 1024px */
@media only screen and (min-width: 64rem) {
		#cs-navigation {
				width: 100%;
				/* prevents padding and border from affecting height and width */
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				padding: 0 1rem;
				background-color: #fff;
				-webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
				        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
				position: fixed;
				z-index: 10000;
		}
		#cs-navigation .cs-container {
				width: 100%;
				max-width: 80rem;
				margin: auto;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: end;
				    -ms-flex-pack: end;
				        justify-content: flex-end;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				gap: 1.5rem;
		}
		#cs-navigation .cs-toggle {
				display: none;
		}
		#cs-navigation .cs-logo {
				max-width: 21.875rem;
				height: 4.0625rem;
				/* margin-right auto pushes everything away from it to the right */
				margin: 0 auto 0 0;
				padding: 0;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				z-index: 100;
		}
		#cs-navigation .cs-logo img {
				width: 100%;
				height: 100%;
				/* ensures the image never overflows the container. It stays contained within it's width and height and expands to fill it then stops once it reaches an edge */
				-o-object-fit: contain;
				   object-fit: contain;
		}
		#cs-navigation .cs-ul {
				width: 100%;
				margin: 0;
				padding: 0;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: start;
				    -ms-flex-pack: start;
				        justify-content: flex-start;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				/* 20px - 36px */
				gap: clamp(1.25rem, 2.6vw, 2.25rem);
		}
		#cs-navigation .cs-li {
				list-style: none;
				padding: 2rem 0;
				/* prevent flexbox from squishing it */
				-webkit-box-flex: 0;
				    -ms-flex: none;
				        flex: none;
		}
		#cs-navigation .cs-li-link {
				/* 14px - 16px */
				font-size: clamp(1rem, 1vw, 1rem);
				font-weight: 500;
				line-height: 1.5em;
				text-decoration: none;
				margin: 0;
				color: var(--bodyTextColor);
				display: block;
				position: relative;
		}
		#cs-navigation .cs-li-link:hover:before {
				width: 100%;
		}
		#cs-navigation .cs-li-link.cs-active:before {
				width: 100%;
		}
		#cs-navigation .cs-li-link:before {
				/* active state underline */
				content: "";
				width: 0%;
				height: 2px;
				background: var(--primary);
				opacity: 1;
				display: block;
				position: absolute;
				bottom: 0rem;
				left: 0;
				-webkit-transition: width 0.3s;
				transition: width 0.3s;
		}
		#cs-navigation .cs-button-solid {
				font-size: 1rem;
				font-weight: 700;
				/* 46px - 56px */
				line-height: clamp(2.875em, 5.5vw, 3.5em);
				text-align: center;
				text-decoration: none;
				min-width: 9.375rem;
				margin: 0;
				/* prevents padding from adding to the width */
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				padding: 0 1.5rem;
				color: #fff;
				background-color: var(--primary);
				border-radius: 0.25rem;
				display: inline-block;
				position: relative;
				z-index: 1;
		}
		#cs-navigation .cs-button-solid:before {
				content: "";
				width: 0%;
				height: 100%;
				background: #000;
				opacity: 1;
				border-radius: 0.25rem;
				position: absolute;
				top: 0;
				left: 0;
				z-index: -1;
				-webkit-transition: width 0.3s;
				transition: width 0.3s;
		}
		#cs-navigation .cs-button-solid:hover:before {
				width: 100%;
		}
}
/* Dark Mode */
@media only screen and (min-width: 64rem) {
		body.dark-mode #cs-navigation {
				background-color: var(--dark);
		}
		body.dark-mode #cs-navigation .cs-logo {
				/* makes it turn white */
				-webkit-filter: grayscale(1) brightness(1000%);
				        filter: grayscale(1) brightness(1000%);
		}
		body.dark-mode #cs-navigation .cs-li-link {
				color: var(--bodyTextColorWhite);
		}
		body.dark-mode #cs-navigation .cs-li-link:before {
				background-color: var(--primaryLight);
		}
}
/* Hero */
/*-- -------------------------- -->
<---           Hero             -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
		#hero-1059 {
				/* Centers button */
				text-align: left;
				/* 200px - 300px - leaving extra space for the navigation */
				padding: clamp(12.5rem, 31.95vw, 18.75rem) 1rem 0;
				/* 130px - 200px */
				padding-bottom: clamp(8.125rem, 16.5vw, 12.5rem);
				position: relative;
				z-index: 1;
		}
		#hero-1059 .cs-background {
				width: 100%;
				height: 100%;
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				z-index: -2;
		}
		#hero-1059 .cs-background:before {
				/* Overlay */
				content: "";
				width: 100%;
				height: 100%;
				background: #1a1a1a;
				opacity: 0.84;
				position: absolute;
				display: block;
				top: 0;
				left: 0;
				z-index: 1;
				/* prevents the cursor from interacting with it */
				pointer-events: none;
		}
		#hero-1059 .cs-background img {
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				-o-object-fit: cover;
				   object-fit: cover;
				/* makes the top of the image start at the top of the parent */
				-o-object-position: top;
				   object-position: top;
		}
		#hero-1059 .cs-container {
				width: 100%;
				max-width: 80rem;
				padding: clamp(1rem, 4vw, 3rem);
				margin: auto;
		}
		#hero-1059 .cs-content {
				/* set text align to left if content needs to be left aligned */
				text-align: center;
				width: 100%;
				max-width: 39.375rem;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				/* centers content horizontally, set to flex-start to left align */
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
		#hero-1059 .cs-title {
				/* 39px - 61px */
				font-size: clamp(2.4375rem, 6.4vw, 3.8125rem);
				font-weight: 700;
				line-height: 1.2em;
				text-align: inherit;
				max-width: 51.8125rem;
				color: #fff;
				position: relative;
		}
		#hero-1059 .cs-text {
				/* 16px - 20px */
				font-size: clamp(1rem, 1.95vw, 1.25rem);
				line-height: 1.5em;
				text-align: inherit;
				width: 100%;
				/* 464px - 622px */
				max-width: clamp(29rem, 60vw, 38.785rem);
				margin: 0 0 2.5rem 0;
				color: #fff;
		}
		#hero-1059 .cs-button-solid {
				font-size: 1rem;
				/* 46px - 56px */
				line-height: clamp(2.875rem, 5.5vw, 3.5rem);
				text-decoration: none;
				font-weight: 700;
				margin: 0;
				color: #fff;
				padding: 0 1.5rem;
				background-color: var(--primary);
				display: inline-block;
				position: relative;
				z-index: 1;
		}
		#hero-1059 .cs-button-solid:before {
				content: "";
				position: absolute;
				display: block;
				height: 100%;
				width: 0%;
				background: #000;
				opacity: 1;
				top: 0;
				left: 0;
				z-index: -1;
				-webkit-transition: width 0.3s;
				transition: width 0.3s;
		}
		#hero-1059 .cs-button-solid:hover:before {
				width: 100%;
		}
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
		#hero-1059 .cs-content {
				text-align: left;
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
		}
		#hero-1059 .cs-background:before {
				background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.94)), color-stop(2%, rgba(0, 0, 0, 0.94)), to(rgba(0, 0, 0, 0)));
				background: linear-gradient(to right, rgba(0, 0, 0, 0.94) 0%, rgba(0, 0, 0, 0.94) 2%, rgba(0, 0, 0, 0) 100%);
				opacity: 1;
		}
}
/* Event */
/*-- -------------------------- -->
<---          Events            -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
		#events-sponsored,
		#events-beginner {
				overflow: hidden;
				position: relative;
				z-index: 1;
				padding: 0;
		}
		#events-sponsored .cs-container,
		#events-beginner .cs-container {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				margin: auto;
				width: 100%;
		}
		#events-sponsored .cs-image,
		#events-beginner .cs-image {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				position: relative;
				width: 100%;
		}
		#events-sponsored .cs-events,
		#events-beginner .cs-events {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				/* 16px - 48px top */
				padding: clamp(1rem, 4vw, 3rem);
				gap: 2.5rem;
				width: 100%;
		}
		#events-sponsored .cs-content,
		#events-beginner .cs-content {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
				width: 100%;
				text-align: left;
		}
		#events-sponsored .cs-title,
		#events-beginner .cs-title {
				color: #232323;
				margin: 0;
				max-width: 100%;
		}
		#events-sponsored .cs-card-group,
		#events-beginner .cs-card-group {
				display: grid;
				grid-template-columns: repeat(1, 1fr);
				grid-template-rows: 1fr;
				margin: 0;
				padding: 0;
				width: 100%;
				/* 16px - 20px */
				gap: clamp(1rem, 3vw, 1.25rem);
		}
		#events-sponsored .cs-item,
		#events-beginner .cs-item {
				position: relative;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start; /* 16px - 32px */
				background-color: #fff;
				background-size: contain;
				background-repeat: no-repeat;
				background-position: 100%;
				padding: 0;
				width: 100%;
				height: auto;
				list-style: none;
				text-decoration: none;
				-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
				        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
				overflow: hidden;
				z-index: 1;
		}
		#events-sponsored .cs-item.kamigori,
		#events-beginner .cs-item.kamigori {
				background-image: url("../img/kamigori.jpg");
		}
		#events-sponsored .cs-item.gunma,
		#events-beginner .cs-item.gunma {
				background-image: url("../img/gunma.png");
		}
		#events-sponsored .cs-item.keihoku,
		#events-beginner .cs-item.keihoku {
				background-image: url("../img/keihoku.jpg");
		}
		#events-sponsored .cs-item.osaka,
		#events-beginner .cs-item.osaka {
				background-image: url("../img/osaka.jpg");
		}
		#events-sponsored .cs-item.nagano,
		#events-beginner .cs-item.nagano {
				background-image: url("../img/nagano.jpg");
		}
		#events-sponsored .cs-item.nagaoka,
		#events-beginner .cs-item.nagaoka {
				background-image: url("../img/nagaoka.jpg");
		}
		#events-sponsored .cs-item.tomobe,
		#events-beginner .cs-item.tomobe {
				background-image: url("../img/tomobe.jpg");
		}
		#events-sponsored .cs-item.tsukuba,
		#events-beginner .cs-item.tsukuba {
				background-image: url("../img/tsukuba.jpg");
		}
		#events-sponsored .cs-item.kanagawa,
		#events-beginner .cs-item.kanagawa {
				background-image: url("../img/kanagawa.jpg");
		}
		#events-sponsored .cs-item.nasu,
		#events-beginner .cs-item.nasu {
				background-image: url("../img/nasu.jpg");
		}
		#events-sponsored .cs-item.nikko,
		#events-beginner .cs-item.nikko {
				background-image: url("../img/nikko.jpg");
		}
		#events-sponsored .cs-item_card,
		#events-beginner .cs-item_card {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
				/* 16px - 32px */
				padding: clamp(1rem, 2vw, 1.5rem);
				width: 100%;
				height: 100%;
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
		}
		#events-sponsored .cs-date,
		#events-beginner .cs-date {
				position: relative;
				background-color: #616128;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				font-size: 1rem;
				color: var(--primary);
				line-height: 1.2em;
				padding: 16px;
				width: 100%;
				height: auto;
				-webkit-box-flex: 0;
				    -ms-flex: none;
				        flex: none;
				z-index: 1;
		}
		#events-sponsored .cs-date strong,
		#events-beginner .cs-date strong {
				font-size: 1.5rem;
				line-height: 1.2em;
				color: #fff;
		}
		#events-sponsored .cs-date span,
		#events-beginner .cs-date span {
				margin-top: 4px;
				color: #ffffff;
		}
		#events-sponsored .cs-date span.doyo,
		#events-beginner .cs-date span.doyo {
				color: #b6d9ff;
		}
		#events-sponsored .cs-date span.nichiyo,
		#events-beginner .cs-date span.nichiyo {
				color: #ffc1c1;
		}
		#events-sponsored .cs-info-wrapper,
		#events-beginner .cs-info-wrapper {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				width: 100%;
				height: 100%;
				/* 24px - 48px */
		}
		#events-sponsored .cs-card_bottom,
		#events-beginner .cs-card_bottom {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
		#events-sponsored .cs-card_bottom .ammo-type,
		#events-beginner .cs-card_bottom .ammo-type {
				margin-top: 12px;
				width: 100%;
		}
		#events-sponsored .cs-card_bottom a,
		#events-beginner .cs-card_bottom a {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				background-color: #f25e5e;
				color: #ffffff;
				padding: 6px 12px;
				margin: 0;
				width: 100%;
				text-decoration: none;
		}
		#events-sponsored .cs-participate,
		#events-beginner .cs-participate {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				font-size: 14px;
				margin-bottom: 0;
				margin-top: auto;
		}
		#events-sponsored .cs-participate p,
		#events-beginner .cs-participate p {
				background-color: #ffffff;
				color: #d56d01;
				padding: 4px 8px;
				margin: 4px 4px 0 0;
				border: 1px solid #d56d01;
				white-space: nowrap;
		}
		#events-sponsored .cs-participate span,
		#events-beginner .cs-participate span {
				color: #d56d01;
				font-weight: 600;
				margin: 0 8px;
				padding: 0 0 0 8px;
				background-color: #fff;
				border-left: 1px solid #d56d01;
		}
		#events-sponsored .cs-info,
		#events-beginner .cs-info {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
		#events-sponsored .cs-h3,
		#events-beginner .cs-h3 {
				font-size: 1.5rem;
				line-height: 1.2em;
				font-weight: 700;
				margin: 0 0 0.5rem 0;
				color: var(--headerColor);
		}
		#events-sponsored .cs-location,
		#events-sponsored .cs-time,
		#events-sponsored .cs-phone,
		#events-beginner .cs-location,
		#events-beginner .cs-time,
		#events-beginner .cs-phone {
				/* 14px - 16px */
				font-size: clamp(0.875rem, 1.6vw, 1rem);
				line-height: 1.5em;
				margin: 0;
				color: var(--bodyTextColor);
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				gap: 0.5rem;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				margin-bottom: 8px;
		}
		#events-sponsored .cs-icon,
		#events-beginner .cs-icon {
				width: 1.5rem;
				height: auto;
		}
		#events-sponsored .cs-button-wrapper,
		#events-beginner .cs-button-wrapper {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				position: relative;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
		#events-sponsored .cs-button-solid,
		#events-beginner .cs-button-solid {
				font-size: 1rem;
				/* 46px - 56px */
				line-height: clamp(2.875rem, 5.5vw, 3.5rem);
				text-decoration: none;
				font-weight: 700;
				text-align: center;
				color: #fff;
				min-width: 9.375rem;
				padding: 0 1.5rem;
				background-color: var(--primary);
				display: inline-block;
				position: relative;
				z-index: 1;
				/* prevents padding from adding to the width */
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
		}
		#events-sponsored .cs-button-solid:before,
		#events-beginner .cs-button-solid:before {
				content: "";
				position: absolute;
				height: 100%;
				width: 0%;
				background: #000;
				opacity: 1;
				top: 0;
				left: 0;
				z-index: -1;
				-webkit-transition: width 0.3s;
				transition: width 0.3s;
		}
		#events-sponsored .cs-button-solid:hover:before,
		#events-beginner .cs-button-solid:hover:before {
				width: 100%;
		}
		#events-sponsored .highlight,
		#events-beginner .highlight {
				display: inline-block;
				text-align: center;
				padding: 4px 8px;
				background: linear-gradient(100deg, rgba(255, 255, 175, 0) 1%, rgba(246, 246, 64, 0.7098039216) 2.5%, rgba(255, 255, 0, 0.74) 5.7%, rgba(255, 255, 175, 0.1019607843) 93%, rgba(255, 255, 175, 0.7058823529) 95%, rgba(255, 255, 175, 0) 98%), linear-gradient(182deg, rgba(255, 255, 175, 0), rgba(255, 255, 175, 0.52) 8%, rgba(246, 246, 108, 0.62) 15%);
		}
		#events-sponsored .warning,
		#events-beginner .warning {
				font-size: 24px;
				color: #f40303;
				font-weight: 700;
		}
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
		#events-sponsored,
		#events-beginner {
				padding: clamp(2.75rem, 7.82vw, 2.25rem) 1rem;
		}
		#events-sponsored .cs-container,
		#events-beginner .cs-container {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
				-webkit-box-align: stretch;
				    -ms-flex-align: stretch;
				        align-items: stretch;
		}
		#events-sponsored .cs-image,
		#events-beginner .cs-image {
				width: 45%;
				max-width: 33.875rem;
				height: auto;
				padding-top: 7.5rem;
				/* sends it to the right in the 2nd position */
				-webkit-box-ordinal-group: 3;
				    -ms-flex-order: 2;
				        order: 2;
		}
		#events-sponsored .cs-picture,
		#events-beginner .cs-picture {
				max-height: none;
				height: auto;
		}
		#events-sponsored .cs-card-group,
		#events-beginner .cs-card-group {
				grid-template-columns: repeat(2, 1fr);
		}
		#events-sponsored .cs-events,
		#events-beginner .cs-events {
				min-width: 26.25rem;
				/* 420px - 738px */
				/* 24px - 48px */
				padding: clamp(1.5rem, 3vw, 3rem);
				-webkit-box-pack: start;
				    -ms-flex-pack: start;
				        justify-content: flex-start;
				max-width: 1340px;
		}
}
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
		#events-sponsored .cs-item,
		#events-beginner .cs-item {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
		}
		#events-sponsored .cs-item .cs-date,
		#events-beginner .cs-item .cs-date {
				width: auto;
				height: 100%;
		}
}
/* Large Desktop - 1300px */
@media only screen and (min-width: 81.25rem) {
		#events-sponsored .cs-card_bottom,
		#events-beginner .cs-card_bottom {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
		}
		#events-sponsored .cs-card_bottom .ammo-type,
		#events-beginner .cs-card_bottom .ammo-type {
				width: unset;
				margin-top: 0;
		}
}
/*-- -------------------------- -->
<---          Footer            -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
		#footer-1390 {
				padding: var(--sectionPadding);
				background-color: #f7f7f7;
				position: relative;
				z-index: 1;
		}
		#footer-1390 .cs-container {
				width: 100%;
				max-width: 80rem;
				margin: auto;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
		#footer-1390 .cs-top {
				width: 100%;
				margin-bottom: 2.5rem;
				/* 24px - 64px */
				padding-bottom: 24px;
				border-bottom: 1px solid #484848;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				/* 24px - 40px */
				gap: clamp(1.25rem, 4vw, 2.5rem);
		}
		#footer-1390 .cs-ul {
				margin: 0;
				padding: 0;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				row-gap: 0.5rem;
				/* 24px - 36px */
				-webkit-column-gap: clamp(1.5rem, 4vw, 2.25rem);
				   -moz-column-gap: clamp(1.5rem, 4vw, 2.25rem);
				        column-gap: clamp(1.5rem, 4vw, 2.25rem);
		}
		#footer-1390 .cs-li {
				list-style: none;
		}
		#footer-1390 .cs-link {
				/* 14px - 16px */
				font-size: clamp(0.875rem, 1.5vw, 1rem);
				line-height: 1.5em;
				text-decoration: none;
				margin: 0;
				color: #111927;
				display: block;
				-webkit-transition: color 0.3s;
				transition: color 0.3s;
		}
		#footer-1390 .cs-link:hover {
				color: var(--primary);
		}
		#footer-1390 .cs-logo {
				width: 100%;
				max-width: 500px;
				height: auto;
				display: block;
		}
		#footer-1390 .cs-logo-img {
				width: 100%;
				height: auto;
				display: block;
		}
		#footer-1390 .cs-bottom {
				width: 100%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				gap: 1rem;
		}
		#footer-1390 .cs-social {
				margin: 0;
				padding: 0;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				gap: 0.5rem;
		}
		#footer-1390 .cs-social-li {
				list-style: none;
		}
		#footer-1390 .cs-social-link {
				width: 2rem;
				height: 2rem;
				background-color: #484848;
				border-radius: 50%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-transition: background-color 0.3s;
				transition: background-color 0.3s;
		}
		#footer-1390 .cs-social-link:hover {
				background-color: var(--primary);
		}
		#footer-1390 .cs-social-link:hover .cs-social-icon {
				-webkit-filter: grayscale(1) brightness(1000%);
				        filter: grayscale(1) brightness(1000%);
				opacity: 1;
		}
		#footer-1390 .cs-social-icon {
				width: 0.75rem;
				height: auto;
				display: block;
				opacity: 0.6;
				-webkit-transition: opacity 0.3s;
				transition: opacity 0.3s;
		}
		#footer-1390 .cs-copyright {
				font-size: 1rem;
				color: #111927;
				line-height: 1.5em;
				margin: 0;
				display: block;
		}
		#footer-1390 .cs-copyright-link,
		#footer-1390 .cs-separater {
				font-size: 1rem;
				text-decoration: none;
				color: #111927;
				-webkit-transition: color 0.3s;
				transition: color 0.3s;
		}
		#footer-1390 .cs-copyright-link:hover,
		#footer-1390 .cs-separater:hover {
				color: var(--primary);
		}
		#footer-1390 .cs-separater {
				margin: 0 1rem;
				display: inline-block;
		}
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
		#footer-1390 .cs-top {
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
		}
		#footer-1390 .cs-bottom {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
		}
		#footer-1390 .cs-flex {
				margin: 0 auto;
		}
		#footer-1390 .cs-social {
				/* sends it to the right in the 3rd position */
				-webkit-box-ordinal-group: 4;
				    -ms-flex-order: 3;
				        order: 3;
		}
}
/*-- -------------------------- -->
<---          Banner            -->
<--- -------------------------- -*/
@media only screen and (min-width: 0rem) {
		a.banner-link {
				text-decoration: none;
		}
		a.banner-link:visited {
				color: #000000;
		}
		#banner.cs-container {
				background-color: #ffffff;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				width: 100%;
				max-width: 960px;
				padding: 32px 24px;
				margin: 0 auto 40px;
		}
		#banner.cs-container .cs-content {
				/* set text align to left if content needs to be left aligned */
				text-align: left;
				width: 100%;
				/* The first number can be changed depeding on what you need */
				max-width: 36.625rem;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				/* centers content horizontally, set to flex-start to left align */
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
		}
		#banner.cs-container img {
				height: 60px;
		}
		#banner.cs-container p {
				text-align: center;
				word-break: keep-all;
		}
}
@media only screen and (min-width: 680px) {
		#banner.cs-container {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
				gap: 16px;
				max-width: 720px;
		}
		#banner.cs-container p {
				text-align: left;
		}
}
/* Interior Page Content */
/*-- -------------------------- -->
<---          Banner            -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
		#banner-716 {
				/* 175px - 200px top */
				padding: clamp(10.9375rem, 10vw, 12.5rem) 1rem 6.25rem;
				position: relative;
				z-index: 1;
		}
		#banner-716 .cs-container {
				text-align: center;
				width: 100%;
				max-width: 80rem;
				margin: auto;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
				flex-direction: column;
				gap: 1rem;
		}
		#banner-716 .cs-int-title {
				/* 39px - 61px */
				font-size: clamp(2.4375rem, 6.4vw, 3.8125rem);
				font-weight: 900;
				line-height: 1.2em;
				text-align: inherit;
				margin: 0;
				color: var(--bodyTextColorWhite);
				position: relative;
		}
		#banner-716 .cs-background {
				width: 100%;
				height: 100%;
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				z-index: -1;
		}
		#banner-716 .cs-background:before {
				/* background color overlay */
				content: "";
				position: absolute;
				display: block;
				height: 100%;
				width: 100%;
				background: #000;
				opacity: 0.75;
				top: 0;
				left: 0;
				z-index: 1;
		}
		#banner-716 .cs-background img {
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				/* Makes img tag act as a background image */
				-o-object-fit: cover;
				   object-fit: cover;
		}
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
		#banner-716 .cs-background:before {
				opacity: 1;
				background: linear-gradient(90.01deg, rgba(0, 0, 0, 0.9) 16.86%, rgba(0, 0, 0, 0) 100%);
		}
}
/*-- -------------------------- -->
<---        Content Page        -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
		#content-page-716 {
				padding: clamp(3.75rem, 7.82vw, 4.25rem) 1rem;
				background-image: url("../img/bg.jpg");
				background-attachment: fixed;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
				/* clips the wave background from causing overflow issues when it goes off screen */
				overflow: hidden;
				position: relative;
				z-index: 1;
		}
		#content-page-716 .cs-container {
				width: 100%;
				max-width: 80rem;
				margin: auto;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				/* 48px - 64px */
				gap: clamp(3rem, 6vw, 4rem);
				position: relative;
		}
		#content-page-716 .white-box {
				margin: 0 auto;
				background-color: #fff;
				width: 100%;
				max-width: 960px;
		}
		#content-page-716 .cs-content {
				/* set text align to left if content needs to be left aligned */
				text-align: left;
				width: 100%;
				max-width: 46.125rem;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				/* centers content horizontally, set to flex-start to left align */
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
				padding: 64px 24px;
		}
		#content-page-716 .cs-content img {
				width: 100%;
				height: auto;
				margin: 1rem 0;
				display: block;
		}
		#content-page-716 h2,
		#content-page-716 h3,
		#content-page-716 h4,
		#content-page-716 h5,
		#content-page-716 h6 {
				font-weight: 700;
				text-align: inherit;
				margin: 0 0 1rem 0;
				color: var(--headerColor);
		}
		#content-page-716 h2 {
				font-size: 2rem;
				margin-top: 2rem;
		}
		#content-page-716 h3 {
				font-size: 1.5rem;
		}
		#content-page-716 h4,
		#content-page-716 h5,
		#content-page-716 h6 {
				font-size: 1.25rem;
		}
		#content-page-716 .cs-button-solid {
				margin-bottom: 2rem;
		}
		#content-page-716 .cs-color {
				color: var(--primary);
		}
		#content-page-716 p {
				font-size: var(--bodyFontSize);
				line-height: 1.5em;
				text-align: inherit;
				width: 100%;
				margin: 0 0 1rem 0;
				color: var(--bodyTextColor);
		}
		#content-page-716 p:last-of-type {
				margin-bottom: 2rem;
		}
		#content-page-716 p a {
				font-size: inherit;
				line-height: inherit;
				text-decoration: underline;
				color: var(--primary);
		}
		#content-page-716 ol,
		#content-page-716 ul {
				padding-left: 1.5rem;
				margin: 0 0 2rem 0;
				color: var(--bodyTextColor);
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				gap: 1rem;
		}
		#content-page-716 ul li {
				list-style: none;
				color: inherit;
				position: relative;
		}
		#content-page-716 .cs-flower {
				width: 22.625rem;
				height: auto;
				display: block;
				position: absolute;
				bottom: -2.375rem;
				right: -3rem;
				z-index: -1;
				-webkit-transform: rotate(142deg);
				        transform: rotate(142deg);
		}
		#content-page-716 .cs-sense {
				width: 5rem;
				height: auto;
				position: absolute;
				top: -0.25rem;
				left: 0.625rem;
				-webkit-transform: rotate(90deg);
				        transform: rotate(90deg);
		}
		#content-page-716 .cs-background {
				display: none;
		}
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
		#content-page-716 .cs-container {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
		}
		#content-page-716 .cs-content {
				margin: 0 auto;
		}
		#content-page-716 .cs-background {
				width: 20%;
				height: 100%;
				background-color: #f7f7f7;
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				z-index: -1;
		}
		#content-page-716 .cs-background img {
				width: 100%;
				height: 100%;
				opacity: 0.2;
				-o-object-fit: cover;
				   object-fit: cover;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
		}
}
/* Large Desktop 1300px */
@media only screen and (min-width: 81.25rem) {
		#content-page-716 .cs-background {
				width: 50%;
				/* with the left edge always positioned at the center line, we push right of the center line by 335px.  This ensures that this element will stay exactly in this position no matter hoe wide the screen gets */
				margin-right: 20.9375rem;
				left: auto;
				/* sets the right edge of the element to be at the center line */
				right: 50%;
		}
}
/*-- -------------------------- -->
<---   Company info Table       -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
		#table-about {
				padding: clamp(2.75rem, 7.82vw, 4.25rem) 1rem;
				overflow: hidden;
				position: relative;
				z-index: 1;
		}
		#table-about .d-block {
				display: block !important;
		}
		#table-about .table-container {
				width: 100%;
				margin: auto;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
		}
		#table-about .cs-image {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				position: relative;
				width: 100%;
		}
		#table-about .table-events {
				width: 100%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				/* 40px - 48px top */
				padding: clamp(2.5rem, 4vw, 3rem) clamp(1rem, 5vw, 3rem) clamp(1rem, 5vw, 3rem);
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				gap: 2.5rem;
		}
		#table-about .table-content {
				text-align: left;
				width: 100%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
		}
		#table-about .cs-title {
				color: var(--headerColor);
				margin: 0;
				max-width: 100%;
		}
		#table-about .table-wrapper {
				width: 100%;
		}
		#table-about .table-wrapper .custom-table {
				width: 100%;
		}
		#table-about .table-wrapper thead th {
				background-color: #e1e2f0;
				padding-bottom: 8px;
				padding-top: 8px;
				font-weight: 600;
		}
		#table-about .table-wrapper thead tr,
		#table-about .table-wrapper thead th {
				border-top: none;
				border-bottom: none !important;
				color: #000;
				font-size: 16px;
		}
		#table-about .table-wrapper tbody th,
		#table-about .table-wrapper tbody td {
				background-color: #ffffff;
				color: #777;
				font-weight: 400;
				padding-bottom: 4px;
				padding-top: 4px;
				font-weight: 300;
				-webkit-transition: 0.3s all ease;
				transition: 0.3s all ease;
		}
		#table-about .table-wrapper tbody th small,
		#table-about .table-wrapper tbody td small {
				color: rgba(0, 0, 0, 0.3);
				font-weight: 300;
		}
		#table-about .table-wrapper tbody th a,
		#table-about .table-wrapper tbody td a {
				color: rgba(0, 0, 0, 0.3);
		}
		#table-about .table-wrapper tbody th .more,
		#table-about .table-wrapper tbody td .more {
				color: rgba(0, 0, 0, 0.3);
				font-size: 11px;
				font-weight: 900;
				text-transform: uppercase;
				letter-spacing: 0.2rem;
		}
		#table-about .table-wrapper tbody tr {
				-webkit-transition: 0.3s all ease;
				transition: 0.3s all ease;
		}
		#table-about .table-wrapper tbody tr:hover td, #table-about .table-wrapper tbody tr:focus td {
				color: #000;
		}
		#table-about .table-wrapper tbody tr:hover td a, #table-about .table-wrapper tbody tr:focus td a {
				color: #fdd114;
		}
		#table-about .table-wrapper tbody tr:hover td .more, #table-about .table-wrapper tbody tr:focus td .more {
				color: #fdd114;
		}
		#table-about .table-wrapper .table-responsive {
				overflow-x: auto;
				display: block;
				width: 100%;
		}
		#table-about .table-wrapper .table-responsive > .table-bordered {
				border: 0;
		}
		#table-about .table-wrapper .table-responsive {
				overflow-x: auto;
				display: block;
				width: 100%;
		}
		#table-about .table-wrapper .table-responsive table {
				width: 100%;
				border-collapse: collapse;
		}
		#table-about .table-wrapper .table-responsive th,
		#table-about .table-wrapper .table-responsive td {
				padding: 8px;
				text-align: left;
				background-color: #f2f2f2;
				border: 2px solid #ffffff;
		}
		#table-about .table-wrapper .table-responsive th {
				font-weight: 600;
				text-align: right;
		}
		#table-about .table-wrapper .table-responsive td {
				padding: 4px 16px;
		}
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
		#table-about .table-container {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
				-webkit-box-align: stretch;
				    -ms-flex-align: stretch;
				        align-items: stretch;
		}
		#table-about .table-events {
				min-width: 26.25rem;
				max-width: 46.125rem;
				/* 420px - 738px */
				/* 24px - 48px */
				padding: 64px 24px;
				-webkit-box-pack: start;
				    -ms-flex-pack: start;
				        justify-content: flex-start;
		}
}
/*-- -------------------------- -->
<---       Members Info         -->
<--- -------------------------- -*/
#table-member {
		margin: 0 auto;
		padding: 40px;
		max-width: 800px;
}
#table-member .table {
		background-color: #f2f2f2;
		margin: 0 0 40px 0;
		width: 100%;
		display: table;
}
@media screen and (max-width: 580px) {
		#table-member .table {
				display: block;
		}
}
#table-member .row {
		display: table-row;
		border-bottom: 2px solid #ffffff;
}
#table-member .row.header {
		font-weight: 900;
		color: #ffffff;
		background: #ea6153;
}
#table-member .row.header > .cell {
		border: none;
}
#table-member .row.header > .cell:last-of-type {
		border: none;
}
#table-member .row > .cell {
		border-left: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;
}
#table-member .row > .cell:last-of-type {
		border-right: 2px solid #ffffff;
}
@media screen and (max-width: 580px) {
		#table-member .row {
				padding: 14px 0 7px;
				display: block;
		}
		#table-member .row.header {
				padding: 0;
				height: 6px;
		}
		#table-member .row.header .cell {
				display: none;
		}
		#table-member .row .cell {
				margin-bottom: 10px;
				border: none;
		}
		#table-member .row .cell:before {
				margin-bottom: 3px;
				content: attr(data-title);
				min-width: 98px;
				font-size: 12px;
				line-height: 1;
				font-weight: bold;
				color: #ea6153;
				display: block;
		}
		#table-member .row .cell:last-of-type {
				border-right: none;
		}
}
#table-member .cell {
		padding: 4px 16px;
		display: table-cell;
}
@media screen and (max-width: 580px) {
		#table-member .cell {
				padding: 2px 16px;
				display: block;
		}
}

/*-- -------------------------- -->
<---      External Links        -->
<--- -------------------------- -*/
/* Mobile - 360px */
/* you can copy and paste these styles into the section CSS where you placed the #list-1165 HTML, or you can place it in your global stylesheet so you can reuse the HTML in any Side By Side section on your site. That way when you make changes to it, it will also change everywhere in the site */
@media only screen and (min-width: 0rem) {
		#list-1165 {
				max-width: 39.375rem;
				margin: 0 0 2rem 0;
				padding: 0;
				/* clips the bullets to create the half circle */
				overflow: hidden;
		}
		#list-1165 .cs-li {
				list-style: none;
				margin: 0 0 0.5rem 0;
				color: var(--bodyTextColor);
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: start;
				    -ms-flex-pack: start;
				        justify-content: flex-start;
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
				gap: 0.75rem;
				position: relative;
		}
		#list-1165 .cs-li:before {
				/* bullet */
				content: "";
				width: 0.5rem;
				height: 0.5rem;
				margin-top: 0.5rem;
				background: var(--secondary);
				display: block;
				/* prevents flexbox from squishing it */
				-webkit-box-flex: 0;
				    -ms-flex: none;
				        flex: none;
		}
}
/*-- -------------------------- -->
<---        Content Page        -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
		#content-page-852 {
				padding: var(--sectionPadding);
				background-image: url(../img/bg.jpg);
				background-attachment: fixed;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
				/* clips the wave background from causing overflow issues when it goes off screen */
				overflow: hidden;
				position: relative;
				z-index: 1;
		}
		#content-page-852 .cs-container {
				background-color: #ffffff;
				width: 100%;
				max-width: 960px;
				padding: 48px 24px;
				margin: auto;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				/* 48px - 64px */
				gap: clamp(3rem, 6vw, 4rem);
				position: relative;
		}
		#content-page-852 .cs-content {
				/* set text align to left if content needs to be left aligned */
				text-align: left;
				width: 100%;
				max-width: 1280px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				/* centers content horizontally, set to flex-start to left align */
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
		}
		#content-page-852 h2,
		#content-page-852 h3,
		#content-page-852 h4,
		#content-page-852 h5,
		#content-page-852 h6 {
				font-weight: 700;
				text-align: inherit;
				margin: 0 0 1rem 0;
				color: var(--headerColor);
		}
		#content-page-852 h2 {
				font-size: 2rem;
				margin-top: 2rem;
		}
		#content-page-852 h3 {
				font-size: 1.5rem;
				color: var(--primary);
		}
		#content-page-852 h4,
		#content-page-852 h5,
		#content-page-852 h6 {
				font-size: 1.25rem;
		}
		#content-page-852 .cs-button-solid {
				margin-bottom: 2rem;
		}
		#content-page-852 .cs-no-margin {
				margin: 0;
		}
		#content-page-852 .cs-margin-t60 {
				margin-top: 60px;
		}
		#content-page-852 .cs-color {
				color: var(--primary);
		}
		#content-page-852 p {
				font-size: var(--bodyFontSize);
				line-height: 1.5em;
				text-align: inherit;
				width: 100%;
				margin: 0 0 1rem 0;
				color: var(--bodyTextColor);
		}
		#content-page-852 p:last-of-type {
				margin-bottom: 2rem;
		}
		#content-page-852 p a {
				font-size: inherit;
				line-height: inherit;
				text-decoration: underline;
				color: var(--primary);
		}
		#content-page-852 ol,
		#content-page-852 ul {
				padding-left: 1.5rem;
				margin: 0 0 2rem 0;
				color: var(--bodyTextColor);
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				gap: 1rem;
		}
		#content-page-852 ul li {
				list-style: none;
				color: inherit;
				position: relative;
		}
		#content-page-852 ul li:before {
				/* custom list bullet */
				content: "";
				width: 3px;
				height: 3px;
				background: currentColor;
				opacity: 1;
				border-radius: 50%;
				position: absolute;
				display: block;
				top: 0.625rem;
				left: -0.75rem;
		}
		#content-page-852 img {
				width: 100%;
				height: auto;
				display: block;
		}
		#content-page-852 .cs-image-group {
				width: 50%;
				max-width: 27.0625rem;
				display: none;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				gap: 1.25rem;
				position: relative;
		}
		#content-page-852 .cs-image-group:after {
				/* colored box */
				content: "";
				width: 100%;
				/* 177px - 258px */
				height: clamp(11.0625rem, 19vw, 16.125rem);
				background: var(--primary);
				border-radius: 6.25rem 0 6.25rem;
				opacity: 0.15;
				display: block;
		}
		#content-page-852 .cs-picture {
				width: 100%;
				/* 300px - 520px */
				height: clamp(18.75rem, 40vw, 32.5rem);
				-webkit-box-shadow: 0px 3.3478px 50.2169px rgba(0, 0, 0, 0.16);
				        box-shadow: 0px 3.3478px 50.2169px rgba(0, 0, 0, 0.16);
				/* 125px - 200px */
				border-radius: 0 clamp(7.8125rem, 15vw, 12.5rem) 0 clamp(7.8125rem, 15vw, 12.5rem);
				/* prevents border from affecting height and width */
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				/* clips img tag corners */
				overflow: hidden;
				display: block;
				position: relative;
		}
		#content-page-852 .cs-picture img {
				width: 100%;
				height: 100%;
				/* makes it act like a background image */
				-o-object-fit: cover;
				   object-fit: cover;
		}
		#content-page-852 .cs-button-solid {
				font-size: 1rem;
				font-weight: 700;
				/* 46px - 56px */
				line-height: clamp(2.875em, 5.5vw, 3.5em);
				text-align: center;
				text-decoration: none;
				min-width: 9.375rem;
				margin: 0;
				/* prevents padding from adding to the width */
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				padding: 0 1.5rem;
				color: #fff;
				background-color: var(--primary);
				border-radius: 0.25rem;
				display: inline-block;
				position: relative;
				z-index: 1;
		}
		#content-page-852 .cs-button-solid:before {
				content: "";
				width: 0%;
				height: 100%;
				background: #000;
				opacity: 1;
				border-radius: 0.25rem;
				position: absolute;
				top: 0;
				left: 0;
				z-index: -1;
				-webkit-transition: width 0.3s;
				transition: width 0.3s;
		}
		#content-page-852 .cs-button-solid:hover:before {
				width: 100%;
		}
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
		#content-page-852 .cs-container {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
		}
		#content-page-852 .cs-content {
				-webkit-box-flex: 0;
				    -ms-flex: none;
				        flex: none;
				width: 60%;
				/* sens it to the right in the 2nd position */
				-webkit-box-ordinal-group: 3;
				    -ms-flex-order: 2;
				        order: 2;
		}
		#content-page-852 .cs-image-group {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
		}
}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
		body.dark-mode #content-page-852 {
				background-color: var(--dark);
		}
		body.dark-mode #content-page-852 .cs-title,
		body.dark-mode #content-page-852 .cs-text,
		body.dark-mode #content-page-852 h2,
		body.dark-mode #content-page-852 h3,
		body.dark-mode #content-page-852 h4,
		body.dark-mode #content-page-852 h5,
		body.dark-mode #content-page-852 h6,
		body.dark-mode #content-page-852 li,
		body.dark-mode #content-page-852 p {
				color: var(--bodyTextColorWhite);
		}
		body.dark-mode #content-page-852 .cs-color,
		body.dark-mode #content-page-852 a {
				color: var(--primaryLight);
		}
		body.dark-mode #content-page-852 p,
		body.dark-mode #content-page-852 li {
				color: #ebebeb;
		}
		body.dark-mode #content-page-852 .cs-picture {
				border-color: var(--dark);
				background-color: var(--dark);
		}
}
/* Table */
/*-- -------------------------- -->
<---          Events            -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
		#table-1 {
				padding: clamp(2.75rem, 7.82vw, 4.25rem) 1rem;
				overflow: hidden;
				position: relative;
				z-index: 1;
		}
		#table-1 .d-block {
				display: block !important;
		}
		#table-1 .table-container {
				width: 100%;
				margin: auto;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
		}
		#table-1 .cs-image {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				position: relative;
				width: 100%;
		}
		#table-1 .table-events {
				width: 100%;
				background-color: #f7f7f7;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				/* 40px - 48px top */
				padding: clamp(2.5rem, 4vw, 3rem) clamp(1rem, 5vw, 3rem) clamp(1rem, 5vw, 3rem);
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				gap: 2.5rem;
		}
		#table-1 .table-content {
				text-align: left;
				width: 100%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
		}
		#table-1 .cs-title {
				color: var(--headerColor);
				margin: 0;
				max-width: 100%;
		}
		#table-1 .table-wrapper {
				width: 100%;
		}
		#table-1 .table-wrapper .custom-table {
				width: 100%;
		}
		#table-1 .table-wrapper thead th {
				background-color: #e1e2f0;
				padding-bottom: 8px;
				padding-top: 8px;
				font-weight: 600;
		}
		#table-1 .table-wrapper thead tr,
		#table-1 .table-wrapper thead th {
				border-top: none;
				border-bottom: none !important;
				color: #000;
				font-size: 16px;
		}
		#table-1 .table-wrapper tbody th,
		#table-1 .table-wrapper tbody td {
				background-color: #ffffff;
				color: #777;
				font-weight: 400;
				padding-bottom: 4px;
				padding-top: 4px;
				font-weight: 300;
				-webkit-transition: 0.3s all ease;
				transition: 0.3s all ease;
		}
		#table-1 .table-wrapper tbody th small,
		#table-1 .table-wrapper tbody td small {
				color: rgba(0, 0, 0, 0.3);
				font-weight: 300;
		}
		#table-1 .table-wrapper tbody th a,
		#table-1 .table-wrapper tbody td a {
				color: rgba(0, 0, 0, 0.3);
		}
		#table-1 .table-wrapper tbody th .more,
		#table-1 .table-wrapper tbody td .more {
				color: rgba(0, 0, 0, 0.3);
				font-size: 11px;
				font-weight: 900;
				text-transform: uppercase;
				letter-spacing: 0.2rem;
		}
		#table-1 .table-wrapper tbody tr {
				-webkit-transition: 0.3s all ease;
				transition: 0.3s all ease;
		}
		#table-1 .table-wrapper tbody tr:hover td, #table-1 .table-wrapper tbody tr:focus td {
				color: #000;
		}
		#table-1 .table-wrapper tbody tr:hover td a, #table-1 .table-wrapper tbody tr:focus td a {
				color: #fdd114;
		}
		#table-1 .table-wrapper tbody tr:hover td .more, #table-1 .table-wrapper tbody tr:focus td .more {
				color: #fdd114;
		}
		#table-1 .table-wrapper .table-responsive {
				overflow-x: auto;
				display: block;
				width: 100%;
		}
		#table-1 .table-wrapper .table-responsive > .table-bordered {
				border: 0;
		}
		#table-1 .table-wrapper .table-responsive {
				overflow-x: auto;
				display: block;
				width: 100%;
		}
		#table-1 .table-wrapper .table-responsive table {
				width: 100%;
				border-collapse: collapse;
		}
		#table-1 .table-wrapper .table-responsive th,
		#table-1 .table-wrapper .table-responsive td {
				padding: 8px;
				border: 1px solid #ddd;
				white-space: nowrap; /* Prevent text wrapping */
		}
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
		#table-1 .table-container {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
				-webkit-box-align: stretch;
				    -ms-flex-align: stretch;
				        align-items: stretch;
		}
		#table-1 .table-events {
				min-width: 26.25rem;
				/* 420px - 738px */
				/* 24px - 48px */
				padding: clamp(1.5rem, 3vw, 3rem);
				-webkit-box-pack: start;
				    -ms-flex-pack: start;
				        justify-content: flex-start;
		}
}
/* Items used to overwrite others */
/**********  各種横幅  **********/
.w_10 {
		width: 10%;
}

.w_12-5 {
		width: 12.5%;
}

.w_15 {
		width: 15%;
}

.w_20 {
		width: 20%;
}

.w_30 {
		width: 30%;
}

.w_25 {
		width: 25%;
}

.w_33 {
		width: 33.33%;
}

.w_34 {
		width: 34%;
}

.w_40 {
		width: 40%;
}

.w_45 {
		width: 45%;
}

.w_48 {
		width: 48%;
}

.w_50 {
		width: 50%;
}

.w_60 {
		width: 60%;
}

.w_66 {
		width: 66%;
}

.w_70 {
		width: 70%;
}

.w_75 {
		width: 75%;
}

.w_80 {
		width: 80%;
}

.w_90 {
		width: 90%;
}

.w_100 {
		width: 100%;
}

/**********  マージン  **********/
.mrg_1 {
		margin: 10px;
}

.mrg_0_1 {
		margin: 0 10px;
}

.mrg_1_0 {
		margin: 10px 0;
}

/**********  パディング  **********/
.pdd_1 {
		padding: 10px;
}

.pdd_0_1 {
		padding: 0 10px;
}

.pdd_1_0 {
		padding: 10px 0;
}

.pdd_1_0 {
		padding: 10px 0;
}

.col-pdd {
		padding: 10px;
		margin-left: -10px;
}

.p0 {
		padding: 0;
}

.pt4 {
		padding-top: 4px;
}

/**********  文字寄せ  **********/
.txt_center {
		text-align: center !important;
}

.txt_left {
		text-align: left !important;
}

.txt_right {
		text-align: right !important;
}

/*****  1024  *****/
@media only screen and (max-width: 1024px) {
		.mq-lg_w_0 {
				width: 0%;
				display: none;
		}
		.mq-lg_w_10 {
				width: 10%;
		}
		.mq-lg_w_12-5 {
				width: 12.5%;
		}
		.mq-lg_w_15 {
				width: 15%;
		}
		.mq-lg_w_20 {
				width: 20%;
		}
		.mq-lg_w_25 {
				width: 25%;
		}
		.mq-lg_w_30 {
				width: 30%;
		}
		.mq-lg_w_33 {
				width: 33.33%;
		}
		.mq-lg_w_34 {
				width: 34%;
		}
		.mq-lg_w_40 {
				width: 40%;
		}
		.mq-lg_w_45 {
				width: 45%;
		}
		.mq-lg_w_50 {
				width: 50%;
		}
		.mq-lg_w_60 {
				width: 60%;
		}
		.mq-lg_w_66 {
				width: 66%;
		}
		.mq-lg_w_70 {
				width: 70%;
		}
		.mq-lg_w_75 {
				width: 75%;
		}
		.mq-lg_w_80 {
				width: 80%;
		}
		.mq-lg_w_90 {
				width: 90%;
		}
		.mq-lg_w_100 {
				width: 100%;
		}
		.mq-lg_disp_none {
				display: none;
		}
}
/*****  1024 end  *****/
/*****  768  *****/
@media only screen and (max-width: 768px) {
		.mq-md_w_0 {
				width: 0%;
				display: none;
		}
		.mq-md_w_10 {
				width: 10%;
		}
		.mq-md_w_12-5 {
				width: 12.5%;
		}
		.mq-md_w_15 {
				width: 15%;
		}
		.mq-md_w_20 {
				width: 20%;
		}
		.mq-md_w_25 {
				width: 25%;
		}
		.mq-md_w_30 {
				width: 30%;
		}
		.mq-md_w_33 {
				width: 33.33%;
		}
		.mq-md_w_34 {
				width: 34%;
		}
		.mq-md_w_40 {
				width: 40%;
		}
		.mq-md_w_45 {
				width: 45%;
		}
		.mq-md_w_50 {
				width: 50%;
		}
		.mq-md_w_60 {
				width: 60%;
		}
		.mq-md_w_66 {
				width: 66%;
		}
		.mq-md_w_70 {
				width: 70%;
		}
		.mq-md_w_75 {
				width: 75%;
		}
		.mq-md_w_80 {
				width: 80%;
		}
		.mq-md_w_90 {
				width: 90%;
		}
		.mq-md_w_100 {
				width: 100%;
		}
		.mq-md_disp_none {
				display: none;
		}
}
/*****  768 end  *****/
/*****  568  *****/
@media only screen and (max-width: 568px) {
		.mq-sm_w_0 {
				width: 0%;
				display: none;
		}
		.mq-sm_w_10 {
				width: 10%;
		}
		.mq-sm_w_12-5 {
				width: 12.5%;
		}
		.mq-sm_w_15 {
				width: 15%;
		}
		.mq-sm_w_20 {
				width: 20%;
		}
		.mq-sm_w_25 {
				width: 25%;
		}
		.mq-sm_w_30 {
				width: 30%;
		}
		.mq-sm_w_33 {
				width: 33.33%;
		}
		.mq-sm_w_34 {
				width: 34%;
		}
		.mq-sm_w_40 {
				width: 40%;
		}
		.mq-sm_w_45 {
				width: 45%;
		}
		.mq-sm_w_50 {
				width: 50%;
		}
		.mq-sm_w_60 {
				width: 60%;
		}
		.mq-sm_w_66 {
				width: 66%;
		}
		.mq-sm_w_70 {
				width: 70%;
		}
		.mq-sm_w_75 {
				width: 75%;
		}
		.mq-sm_w_80 {
				width: 80%;
		}
		.mq-sm_w_90 {
				width: 90%;
		}
		.mq-sm_w_100 {
				width: 100%;
		}
}
/*****  568 end  *****/
/*****  400  *****/
@media only screen and (max-width: 400px) {
		.mq-mb_w_0 {
				width: 0%;
				display: none;
		}
		.mq-mb_w_10 {
				width: 10%;
		}
		.mq-mb_w_12-5 {
				width: 12.5%;
		}
		.mq-mb_w_15 {
				width: 15%;
		}
		.mq-mb_w_20 {
				width: 20%;
		}
		.mq-mb_w_25 {
				width: 25%;
		}
		.mq-mb_w_30 {
				width: 30%;
		}
		.mq-mb_w_33 {
				width: 33.33%;
		}
		.mq-mb_w_34 {
				width: 34%;
		}
		.mq-mb_w_40 {
				width: 40%;
		}
		.mq-mb_w_45 {
				width: 45%;
		}
		.mq-mb_w_50 {
				width: 50%;
		}
		.mq-mb_w_60 {
				width: 60%;
		}
		.mq-mb_w_66 {
				width: 66%;
		}
		.mq-mb_w_70 {
				width: 70%;
		}
		.mq-mb_w_75 {
				width: 75%;
		}
		.mq-mb_w_80 {
				width: 80%;
		}
		.mq-mb_w_90 {
				width: 90%;
		}
		.mq-mb_w_100 {
				width: 100%;
		}
}
/*****  400 end  *****/
/* Custom Template*/
/*-- -------------------------- -->
<---           News             -->
<--- -------------------------- -*/
@media only screen and (min-width: 0rem) {
		#news {
				padding: 40px 16px;
				overflow: hidden;
				position: relative;
				z-index: 1;
		}
		#news .cs-container {
				background-color: #ffffff;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-ms-flex-wrap: nowrap;
				    flex-wrap: nowrap;
				grid-template-columns: 60% 1fr;
				width: 100%;
				max-width: 960px;
				padding: 0;
				margin: auto;
				/* 48px - 64px */
		}
		#news .cs-content {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				padding: 24px;
				width: 100%;
				/* The first number can be changed depeding on what you need */
				text-align: left;
		}
		#news .cs-content p {
				font-size: 24px;
				font-weight: 600;
				margin: 0;
		}
		#news .cs-content ul {
				padding-left: 4px;
				width: 100%;
		}
		#news .cs-content li {
				list-style: none;
				padding-bottom: 8px;
				margin-bottom: 16px;
				border-bottom: 2px solid #dbdbdb;
		}
		#news .cs-content li svg {
				margin-bottom: -3px;
		}
		#news .cs-content li a {
				color: #fc6b04;
				text-decoration: none;
		}
		#news .cs-content li a:visited {
				color: #fc6b04;
		}
		#news .cs-content img {
				max-height: 420px;
				width: auto;
		}
		#news figure {
				margin: 0;
		}
}
@media only screen and (min-width: 35rem) {
		#news .cs-container {
				display: grid;
				grid-template-columns: 1fr 260px;
				padding: 0;
				gap: unset;
		}
		#news .cs-content {
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				padding: 24px;
		}
		#news .cs-content img {
				max-height: 220px;
				width: auto;
		}
		#news .cs-content figcaption {
				font-size: 14px;
		}
}
/*# sourceMappingURL=style.css.map */