@import url('https://fonts.googleapis.com/css2?family=Unica+One&display=swap');
		@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Noto+Serif+JP:wght@200..900&display=swap');


		* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}

		body {
			font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
			line-height: 1.7;
			color: #333;
		}

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

		.main-visual {
			position: relative;
			width: 100%;
			overflow: hidden;
		}

		.slider {
			position: relative;
			width: 100%;
			height: 600px;
		}

		.slider-item {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			transition: opacity 1s ease-in-out;
		}

		.slider-item.active {
			opacity: 1;
		}

		.slider-item img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.mv-title {
			position: absolute;
			top: 0;
			left: 50%;
			background: #00000099;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 50px;
			height: 100%;
			clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
			width: 500px;
		}

		.mv-title h1 {
			color: #ffffff;
			font-size: 80px;
			line-height: 0.9;
			font-family: "Unica One", sans-serif;
			margin: 0;
			font-weight: 300;
			position: relative;
		}

		.mv-title h1:before {
			content: url(../../images/easthokkaido/hokkaido_kage.svg);
			position: absolute;
			top: -150px;
			left: -90px;
			display: inline-block;
			width: 500px;
			height: 500px;
			opacity: 0.6;
		}

		.mv-title h2.sub {
			position: absolute;
			bottom: 80px;
			background: linear-gradient(90deg, rgba(241, 132, 215, 1), rgba(43, 69, 126, 1));
			padding: 10px 30px;
			color: #ffffff;
			clip-path: polygon(3% 0%, 100% 0%, 97% 100%, 0% 100%);
			left: 40px;
			font-size: 20px;
			font-weight: 300;
			text-align: center;
		}

		p.rosent {
			position: absolute;
			top: 15%;
			left: 60%;
			color: #ffffff;
			font-size: 18px;
			line-height: 1.4;
		}

		p.kikan img {
			position: absolute;
			top: 71.5%;
			left: calc(50% + 360px);
			width: 130px;
		}

		/*
		.mv-text {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-align: center;
			color: #fff;
			z-index: 10;
			width: 90%;
		}
		.mv-text h1 {
			font-size: 48px;
			font-weight: bold;
			margin-bottom: 20px;
			text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		}

		.mv-text .date {
			font-size: 36px;
			font-weight: bold;
			margin-bottom: 30px;
			text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		}

		.notice-box {
			background: rgba(255, 255, 255, 0.95);
			padding: 30px;
			border-radius: 10px;
			max-width: 800px;
			margin: 0 auto;
			text-align: left;
			box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
		}

		.notice-box h2 {
			font-size: 20px;
			color: #1B4076;
			margin-bottom: 15px;
			border-bottom: 2px solid #1B4076;
			padding-bottom: 10px;
		}

		.notice-box p {
			color: #333;
			line-height: 1.8;
			margin-bottom: 15px;
		}

		.operation-info {
			background: #f0f8ff;
			padding: 15px;
			border-left: 3px solid #1B4076;
			margin-top: 15px;
		}

		.operation-info strong {
			color: #1B4076;
		}
		*/

		section {
			padding: 60px 20px;
		}

		.container {
			max-width: 1200px;
			margin: 0 auto;
		}

		h2.section-title {
			font-size: 32px;
			text-align: center;
			margin-bottom: 50px;
			color: #1B4076;
			line-height: 1.4;
		}

		/* About Section */
		.about-section {
			background: #f8f9fa;
			text-align: center;
		}

		.about-section h2.section-title {
			margin-bottom: 20px;
		}

		.about-section p {
			font-size: 18px;
			line-height: 1.4;
			margin-bottom: 10px;
		}

		/* Route Section */
		.route-section {
			background: #979797;
			background-image: radial-gradient(#a8a8a8 10%, transparent 20%);
			background-size: 8px 8px;
			background-position: 0px 0px;
		}

		.route-section h2.section-title {
			font-size: 32px;
			text-align: center;
			margin-bottom: 50px;
			color: #ffffff;
			font-weight: 300;
			padding: 5px 0 3px;
			border-top: solid 1px #ffffff;
			border-bottom: solid 1px #ffffff;
		}

		.route-list {
			display: flex;
			flex-wrap: wrap;
			gap: 20px;
			justify-content: center;
		}

		.route-item {
			width: calc(33.333% - 14px);
			min-width: 300px;
			background: #282828;
			padding: 25px;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
			transition: all 0.3s;
			position: relative;
			overflow: hidden;
		}

		.route-item:hover {
			box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
			transform: translateY(-5px);
		}

		.route-item img.routeimg {
			margin-top: -25px;
			margin-right: -25px;
			margin-left: -25px;
			max-width: -webkit-fill-available;
			width: calc(100% + 50px);
		}

		.route-number {
			display: inline-block;
			background: linear-gradient(90deg, rgba(60, 87, 148, 0.9), rgba(52, 81, 125, 0.9));
			color: #fff;
			padding: 15px 15px;
			font-weight: bold;
			position: absolute;
			top: 0;
			left: 0;
			clip-path: polygon(0 0, 100% 0, 0 100%);
			width: 100px;
			height: 80px;
			font-size: 18px;
		}

		.route-name {
			font-size: 18px;
			font-weight: bold;
			margin: 10px 0;
			color: #ffffff;
			padding-bottom: 10px;
			border-bottom: 1px solid #777;
			line-height: 1.2;
		}

		.route-spots {
			font-size: 13px;
			color: #cccccc;
			line-height: 1.4;
			padding-left: 15px;
		}

		.route-spots li {
			list-style: disc !important;
		}

		.route-date {
			font-size: 13px;
			color: #ffffff;
		}

		.route-link {
			display: block;
			margin: 15px auto 0;
			color: #ffffff;
			text-decoration: none;
			background: #1b4076;
			font-size: 13px;
			padding: 10px;
			text-align: center;
			border: 1px solid #ffffff;
			transition: all 0.3s;
		}

		.route-link:hover {
			color: #1b4076;
			background: #ffffff;
			border: 1px solid #1b4076;
		}

		.fbox {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			align-items: start;
			padding-top: 15px;
		}

		.fbox-inner {
			width: calc(70% - 10px);
		}

		img.routemap {
			width: 30%;
			object-fit: contain;
		}

		/* Points Section */
		.points-section {
			background: #e6f2ff;
		}

		.points-list {
			display: flex;
			flex-wrap: wrap;
			gap: 30px;
			justify-content: center;
		}

		.point-item {
			width: calc(20% - 24px);
			min-width: 200px;
			padding: 30px 20px;
			border-radius: 10px;
			text-align: center;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
			background: #282828;
			color: #ffffff;
			position: relative;
		}

		.point-item img {
			padding: 20px;
		}

		.point-number {
			width: 50px;
			height: 50px;
			background: #1B4076;
			color: #fff;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 28px;
			margin: 0 auto 20px;
			font-family: "Unica One", sans-serif;
			position: absolute;
			top: -20px;
			left: -10px;
		}

		.point-item h3 {
			font-size: 14px;
			line-height: 1.6;
			color: #ffffff;
			font-weight: 300;
		}

		/* Info Section */
		.info-section {
			background: #fff;
		}

		.info-content {
			max-width: 900px;
			margin: 0 auto;
		}

		.info-block {
			margin-bottom: 30px;
			padding: 25px;
			background: #f8f9fa;
			border-radius: 8px;
		}

		.info-block h3 {
			font-size: 22px;
			color: #1B4076;
			margin-bottom: 15px;
		}

		.info-block ul {
			list-style: none;
			padding: 0;
		}

		.info-block li {
			padding: 5px 0;
			padding-left: 20px;
			position: relative;
			line-height: 1.4;
		}

		.info-block li:before {
			content: "●";
			position: absolute;
			left: 0;
			color: #1B4076;
		}

		.conditions-box {
			background: #fff9e6;
			border: 2px solid #ffcc00;
			padding: 25px;
			border-radius: 8px;
			margin-top: 30px;
		}

		.conditions-box h3 {
			font-size: 22px;
			color: #cc6600;
			margin-bottom: 15px;
		}

		.conditions-box p {
			line-height: 1.4;
		}

		.conditions-box ul {
			list-style: none;
			padding: 0;
		}

		.conditions-box li {
			padding: 5px 0;
			color: #333;
			line-height: 1.4;
		}

		.note {
			text-align: center;
			margin-top: 20px;
			font-size: 14px;
			color: #666;
		}

		@media (max-width: 768px) {
			.slider {
				height: 400px;
			}

			.mv-text h1 {
				font-size: 32px;
			}

			.mv-text .date {
				font-size: 24px;
			}

			.route-item,
			.point-item {
				width: 100%;
			}

			.notice-box {
				padding: 20px;
			}
		}

		/* -------------------------------------
routmap
------------------------------------- */

		#routemap {
			padding: 94px 0 120px;
		}

		#routemap .rltvbox {
			max-width: 1160px;
			margin: 0 auto;
			position: relative;
			margin-bottom: 30px;
		}

		#routemap .map {
			position: relative;
		}

		#routemap .map .map_img {
			width: 100%;
			padding-top: 52%;
			max-height: 600px;
			min-height: 530px;
			box-sizing: border-box;
			overflow: hidden;
			position: relative;
		}

		#routemap .map .zoomer {
			width: 100%;
			position: absolute;
			top: 0;
			left: 0px;
			z-index: 1;
		}

		.zoomer .zoomer-holder {
			box-shadow: none;
		}

		.zoomer-controls {
			padding: 8px;
			background-color: #bfced6;
			box-shadow: none;
			box-sizing: border-box;
			z-index: 2;
		}

		.zoomer-controls-bottom {
			margin: 0;
			bottom: 30px;
			left: auto;
			right: 30px;
			position: absolute;
		}

		.zoomer-controls span {
			text-indent: 100%;
			white-space: nowrap;
			width: 46px;
			height: 46px;
			background-color: #fff;
			border: 2px solid #b3b3b3;
			box-sizing: border-box;
			overflow: hidden;
			position: relative;
			transition: background-color 0.3s;
		}

		.zoomer-controls span:hover {
			background-color: #000;
		}

		.zoomer-controls span.zoomer-zoom-out {
			margin-right: 8px;
		}

		.zoomer-controls span.zoomer-zoom-out:after {
			content: "";
			width: 12px;
			height: 2px;
			display: block;
			margin: 0 auto;
			background-color: #000;
			position: absolute;
			top: 50%;
			left: 0;
			right: 0;
			z-index: 1;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			transition: background-color 0.3s;
		}

		.zoomer-controls span.zoomer-zoom-out:hover:after {
			background-color: #fff;
		}

		.zoomer-controls span.zoomer-zoom-in:before,
		.zoomer-controls span.zoomer-zoom-in:after {
			content: "";
			display: block;
			margin: 0 auto;
			background-color: #000;
			position: absolute;
			top: 50%;
			left: 0;
			right: 0;
			z-index: 1;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			transition: background-color 0.3s;
		}

		.zoomer-controls span.zoomer-zoom-in:hover:before,
		.zoomer-controls span.zoomer-zoom-in:hover:after {
			background-color: #fff;
		}

		.zoomer-controls span.zoomer-zoom-in:before {
			width: 12px;
			height: 2px;
		}

		.zoomer-controls span.zoomer-zoom-in:after {
			width: 2px;
			height: 12px;
		}

		#routemap #map_name {
			width: 52%;
			min-width: 340px;
			max-width: 493px;
			position: absolute;
			top: 39px;
			left: 4%;
			z-index: 4;
		}

		#routemap #map_name li {
			display: none;
			list-style: none;
		}

		#routemap #map_name li p {
			font-size: 0;
			line-height: 1.4;
			padding: 10px 10px 7px;
			display: table;
			width: 100%;
			background-color: #1b4076;
		}

		#routemap #map_name li p img,
		#map_name li p .tbl_c {
			display: table-cell;
			vertical-align: middle;
		}

		#routemap #map_name li p img {
			width: 100%;
			height: auto;
		}

		#routemap #map_name li p .tbl_c {
			font-size: 18px;
			color: #fff;
			width: 80%;
			padding: 0 5px 0 10px;
		}

		#map_name li p .tbl_c span {
			display: inline-block;
		}

		#map_name li p .tbl_c .num {
			padding-left: 0.5em;
		}

		#routemap #map_name li a {
			font-size: 14px;
			text-align: center;
			color: #333333;
			display: block;
			padding: 17px 10px;
			border: 3px solid #1b4076;
			background: #fff url(../../images/easthokkaido/map_h_arrow.svg) no-repeat right 15px center;
			background-size: 9px 9px;
			transition: color 0.3s, background 0.3s;
		}

		#routemap #map_name li a:hover {
			background: #e6e6e6 url(../../images/easthokkaido/map_h_arrow.svg) no-repeat right 15px center;
			background-size: 9px 9px;
			opacity: 1;
		}

		#routemap #map_name li a.notice {
			pointer-events: none;
			filter: brightness(0.5);
		}

		#routemap #map_list {
			width: 52%;
			min-width: 340px;
			max-width: 493px;
			padding-top: calc(6% + 115px);
			position: absolute;
			top: 0;
			left: 4%;
			z-index: 2;
		}

		#routemap #map_list li {
			margin-bottom: 9px;
			background-color: #333;
			cursor: pointer;
			opacity: 0.8;
			transition: background-color 0.3s, color 0.3s;
			list-style: none;
		}

		#routemap #map_list li dl {
			display: table;
			width: 100%;
		}

		#routemap #map_list li dt {
			text-align: center;
			vertical-align: middle;
			display: table-cell;
			width: 18%;
			background: url(../../images/easthokkaido/map_li_bg.svg) no-repeat right center;
			background-size: cover;
		}

		#routemap #map_list li dt img {
			width: 23px;
			height: auto;
		}

		#routemap #map_list li dd {
			width: 82%;
			font-size: 14px;
			color: #fff;
			padding: 6px 5px 6px 25px;
			display: table-cell;
			vertical-align: middle;
		}

		#routemap #map_list li dd span {
			display: inline-block;
		}

		#routemap #map_list li dd .num {
			padding-left: 0.5em;
		}

		#routemap #map_list li.map_all {
			width: 98px;
			background: #1b4076;
			position: absolute;
			left: calc(100% + 13px);
			bottom: 0;
		}

		#routemap #map_list li.map_all p {
			display: table;
			padding: 6px 5px;
			width: 100%;
		}

		#routemap #map_list li.map_all p span {
			font-size: 14px;
			line-height: 1.4;
			text-align: center;
			color: #fff;
			display: table-cell;
			vertical-align: middle;
			position: relative;
		}

		#routemap #map_list li.map_all p span:after {
			content: "";
			width: 9px;
			height: 9px;
			background: url(../../images/easthokkaido/slct_arrow.svg) no-repeat right center;
			position: absolute;
			top: 36%;
			right: 5px;
		}

		#routemap #map_list li.map_all img {
			width: 100%;
			margin-right: 0;
		}

		#routemap #map_list li:hover,
		#routemap #map_list li.on {
			opacity: 1;
		}

		#routemap .page p {
			font-size: 18px;
			font-weight: 500;
			text-align: center;
		}

		#routemap .page p span {
			display: inline-block;
		}

		/* FAQ Section */
		.faq-section {
			padding: 80px 20px;
			background: #f8f9fa;
		}

		.faq-category {
			max-width: 900px;
			margin: 0 auto 50px;
		}

		.faq-category:last-child {
			margin-bottom: 0;
		}

		.category-title {
			font-size: 24px;
			font-weight: 700;
			color: #1B4076;
			margin-bottom: 30px;
			padding-bottom: 15px;
			border-bottom: 3px solid #1B4076;
		}

		.faq-content {
			max-width: 900px;
			margin: 0 auto;
		}

		.faq-item {
			background: #fff;
			border-radius: 10px;
			margin-bottom: 15px;
			overflow: hidden;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
		}

		.faq-question {
			padding: 15px 30px;
			cursor: pointer;
			display: flex;
			justify-content: space-between;
			align-items: center;
			transition: background 0.3s;
		}

		.faq-question:hover {
			background: #f8f9fa;
		}

		.faq-question h4 {
			font-size: 17px;
			font-weight: 700;
			color: #333;
			margin: 0;
			padding-right: 20px;
			line-height: 1.6;
		}

		.faq-icon {
			font-size: 28px;
			color: #1B4076;
			font-weight: 300;
			transition: transform 0.3s;
			flex-shrink: 0;
		}

		.faq-item.active .faq-icon {
			transform: rotate(45deg);
		}

		.faq-answer {
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.3s ease-out, padding 0.3s ease-out;
			padding: 0 30px;
		}

		.faq-item.active .faq-answer {
			max-height: 500px;
			padding: 0 30px 25px 30px;
		}

		.faq-answer p {
			color: #666;
			line-height: 1.9;
			margin: 0;
		}

		@media (max-width: 768px) {
			.faq-section {
				padding: 60px 20px;
			}

			.category-title {
				font-size: 20px;
				margin-bottom: 20px;
			}

			.faq-question {
				padding: 20px;
			}

			.faq-question h4 {
				font-size: 15px;
			}

			.faq-answer {
				padding: 0 20px;
			}

			.faq-item.active .faq-answer {
				padding: 0 20px 20px 20px;
			}
		}

		/**コンテンツページ***/
		#easthokkaido-route li {
			list-style: none;
		}

		#easthokkaido-route img.route-img {
			height: 400px;
			width: 100%;
			object-fit: cover;
		}

		#easthokkaido-route .route5 img.route-img {
			object-position: bottom;
		}

		#easthokkaido-route img.route-title {
			position: absolute;
			top: 0;
			left: 0;
			height: 400px;
			width: auto;
		}

		#easthokkaido-route h2.section-title {
			font-family: "Unica One", sans-serif;
			text-align: left;
			display: flex;
			align-items: center;
			margin-bottom: 30px;
		}

		#easthokkaido-route h2.section-title span {
			font-size: 20px;
		}

		#easthokkaido-route h2.section-title span:before {
			content: "";
			width: 45px;
			height: 1px;
			margin: 0 8.5px;
			background-color: #1b4076;
			display: inline-block;
			vertical-align: middle;
		}

		#easthokkaido-route .operationperiod-section p {
			color: #4d4d4d;
			font-size: 18px;
			font-weight: 500;
			padding: 10px 0 10px 1em;
			border-top: 1px solid #e6e6e6;
			border-bottom: 1px solid #e6e6e6;
			line-height: 2;
		}

		/* -------------------------------------
timetable
------------------------------------- */
		#easthokkaido-route #timetable {
			padding-bottom: 30px;
		}

		#easthokkaido-route #timetable .t_ttl {
			font-size: 18px;
			font-weight: 500;
			font-family: "Noto Sans Japanese", sans-serif;
			color: #1b4076;
			padding-bottom: 10px;
		}

		#easthokkaido-route #timetable .table1 {
			margin-bottom: 50px;
		}

		#easthokkaido-route #timetable .tbl_blk {
			overflow-x: scroll;
			padding-bottom: 5px;
		}

		#easthokkaido-route #timetable table {
			width: 100%;
			min-width: 942px;
		}

		#easthokkaido-route #timetable th {
			font-size: 16px;
			font-weight: normal;
			color: #fff;
			padding: 10px 10px 15px;
			border: 1px solid #e6e6e6;
			background-color: #274897;
		}

		#easthokkaido-route #timetable th:nth-child(2),
		#easthokkaido-route #timetable th:nth-child(3) {
			width: 10%;
			min-width: 122px;
		}

		#easthokkaido-route #timetable th:nth-child(4) {
			min-width: 166px;
			width: 14%;
		}

		#easthokkaido-route #timetable th:nth-child(5) {
			min-width: 166px;
			width: 14%;
		}

		#easthokkaido-route #timetable td {
			font-size: 16px;
			color: #4d4d4d;
			text-align: center;
			padding: 8px 10px;
			border: 1px solid #e6e6e6;
		}

		#easthokkaido-route #timetable td:first-child {
			text-align: left;
			padding: 8px 15px;
		}

		#easthokkaido-route #timetable td:nth-child(2),
		#easthokkaido-route #timetable td:nth-child(3) {
			font-size: 21px;
			font-family: "Unica One", cursive;
		}

		#easthokkaido-route #timetable .on {
			padding-right: 5px;
			border-right: none;
		}

		#easthokkaido-route #timetable .off {
			padding-left: 5px;
			border-left: none;
		}

		#easthokkaido-route #timetable td span {
			font-size: 13px;
			font-weight: 500;
			color: #fff;
			padding: 2px;
			display: inline-block;
			border-radius: 11px;
		}

		#easthokkaido-route #timetable td span.red {
			color: #f4511e;
			font-size: 1em;
			font-weight: normal;
			padding: 0;
		}

		#easthokkaido-route #timetable td span.txt_s {
			color: #4d4d4d;
			display: block;
		}

		#easthokkaido-route #timetable .on span {
			background-color: #3285bb;
			width: 66px;
		}

		#easthokkaido-route #timetable .off span {
			background-color: #f18d45;
			width: 66px;
		}

		#easthokkaido-route #timetable .un span {
			background-color: #ccc;
			width: 66px;
		}

		#easthokkaido-route #timetable .ss span {
			background-color: #00926b;
			width: 141px;
		}

		#easthokkaido-route #timetable .wd span {
			background-color: #ce5888;
			width: 66px;
		}

		#easthokkaido-route #timetable .bk span {
			background-color: #41b8d4;
			width: 141px;
		}

		#easthokkaido-route #timetable .lc span {
			background-color: #ff7284;
			width: 141px;
		}

		#easthokkaido-route #timetable ul {
			padding-left: 3px;
		}

		#easthokkaido-route #timetable ul li {
			font-size: 12px;
			line-height: 1.6;
			color: #000;
			text-indent: -1em;
			padding-left: 1em;
		}

		#easthokkaido-route #timetable .cmnt {
			position: relative;
		}

		#easthokkaido-route #timetable .cmnt p {
			font-size: 14px;
			color: #4d4d4d;
			display: inline-block;
		}

		/* -------------------------------------
map
------------------------------------- */
		#easthokkaido-route #map {
			padding-bottom: 40px;
		}

		#easthokkaido-route #map #gmap {
			padding-top: 480px;
			position: relative;
			overflow: hidden;
		}

		#easthokkaido-route #map #gmap iframe {
			width: 100%;
			position: absolute;
			top: calc(50% - 2px);
			left: calc(50% - 2px);
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
		}

		/* -------------------------------------
fare
------------------------------------- */
		#easthokkaido-route #fare {
			padding-bottom: 95px;
		}

		#easthokkaido-route #fare .box {
			margin: 0 auto 50px;
			padding-bottom: 5px;
			/*overflow-x: scroll;*/
		}

		#easthokkaido-route #fare .box p {
			font-size: 12px;
			color: #000;
			text-align: center;
			margin-top: 10px;
		}

		#easthokkaido-route #fare .box p span {
			display: inline-block;
		}

		#easthokkaido-route #fare .note {
			max-width: 635px;
			margin: 0 auto;
			text-align: left;
		}

		#easthokkaido-route #fare .box table {
			margin: auto;
			width: fit-content;
		}

		#easthokkaido-route #fare .box table th {
			font-size: 16px;
			font-weight: normal;
			color: #fff;
			padding: 10px 10px 15px;
			border: 1px solid #e6e6e6;
			width: 120px;
			height: 100px;
			background-image: linear-gradient(90deg, rgba(38, 71, 150, 1), rgba(27, 64, 119, 1));
			vertical-align: middle;
			line-height: 1.4;
			text-align: center;
		}

		#easthokkaido-route #fare .box table td {
			font-size: 16px;
			color: #4d4d4d;
			text-align: center;
			padding: 8px 10px;
			border: 1px solid #e6e6e6;
			vertical-align: middle;
			line-height: 1.4;
		}

		#easthokkaido-route #fare .box table td span {
			display: block;
		}

		#easthokkaido-route #fare .box table td.nothing {
			display: none;
		}


		/* -------------------------------------
highlight
------------------------------------- */
		#easthokkaido-route #highlight {
			padding: 50px 0 80px;
			background-color: #fbf7e8;
		}

		#easthokkaido-route #highlight .fbox {
			gap: 30px;
			align-items: center;
		}

		#easthokkaido-route #highlight .fbox .fbox-l {
			width: calc(50% - 30px);
		}

		#easthokkaido-route #highlight .fbox .fbox-r {
			width: 50%;
		}

		#easthokkaido-route #highlight .fbox .fbox-r h3 {
			font-size: 28px;
			font-weight: 600;
			color: #1b4076;
			margin-bottom: 14px;
			padding-bottom: 12px;
			border-bottom: 1px solid #1b4076;
		}

		#easthokkaido-route .morebtn {
			font-size: 14px;
			font-weight: 500;
			color: #1b4076;
			display: block;
			border: 1px solid #1b4076;
			background-color: #fff;
			width: fit-content;
			padding: 5px 10px;
			text-decoration: none;
			margin: 10px 0 0 auto;
			transition: all 0.3s;
		}

		#easthokkaido-route .morebtn:hover {
			background: #1b4076;
			color: #fff;
		}



		/* -------------------------------------
point
------------------------------------- */
		#easthokkaido-route #point {
			padding: 70px 0 75px;
			background: linear-gradient(180deg, rgba(182, 251, 255, 0.1), rgba(132, 163, 212, 0.6));
		}

		#easthokkaido-route #point .container {
			padding: 0 10px;
		}

		#easthokkaido-route #point .sttl {
			margin-bottom: 22px;
		}

		#easthokkaido-route #point ul {
			font-size: 0;
			text-align: center;
		}

		#easthokkaido-route #point ul li {
			text-align: left;
			width: 354px;
			margin-right: calc((100% - 1062px) / 2);
			display: inline-block;
			vertical-align: top;
			transition: all 0.3s;
		}

		#easthokkaido-route #point ul li:last-child {
			margin-right: 0;
		}

		#easthokkaido-route #point ul li .ptimg {
			position: relative;
		}

		#easthokkaido-route #point ul li .ptimg p {
			width: 28%;
			max-width: 97px;
			position: absolute;
			top: 10px;
		}

		#easthokkaido-route #point ul li .ptimg+p {
			font-size: 16px;
			line-height: 1.5;
			padding: 8px 20px;
			border: 1px solid #e6e6e6;
		}


		.reservation-section {
			padding: 80px 20px;
			background: #fbf7e8;
		}

		.calendar-desc {
			text-align: center;
			color: #666;
			margin-bottom: 40px;
			font-size: 16px;
		}

		.calendar-wrapper {
			max-width: 900px;
			margin: 0 auto;
			background: white;
			border-radius: 15px;
			padding: 40px;
			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
		}

		.calendar-weekdays {
			display: grid;
			grid-template-columns: repeat(7, 1fr);
			gap: 10px;
			margin-bottom: 15px;
		}

		.weekday {
			text-align: center;
			font-weight: 700;
			color: #666;
			padding: 15px 0;
			font-size: 16px;
		}

		.weekday.sun {
			color: #e74c3c;
		}

		.weekday.sat {
			color: #3498db;
		}

		.calendar-grid {
			display: grid;
			grid-template-columns: repeat(7, 1fr);
			gap: 10px;
		}

		.calendar-date {
			aspect-ratio: 1;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			font-size: 18px;
			font-weight: 700;
			transition: all 0.3s;
			border: 1px solid transparent;
			position: relative;
		}

		.calendar-date .date-month {
			font-size: 12px;
			font-weight: 500;
			opacity: 0.7;
			margin-bottom: 2px;
		}

		.calendar-date .date-number {
			font-size: 24px;
		}

		.calendar-date.available {
			background: #fff;
			border-color: #1B4076;
			color: #1B4076;
			cursor: pointer;
			box-shadow: 0 2px 8px rgba(0, 102, 204, 0.15);
		}

		.calendar-date.available:hover {
			background: #1B4076;
			color: white;
			transform: scale(1.08);
			box-shadow: 0 6px 20px rgba(0, 102, 204, 0.4);
			z-index: 10;
		}

		.calendar-date.outside {
			background: #f5f5f5;
			color: #ccc;
			cursor: not-allowed;
		}

		.calendar-date.empty {
			background: transparent;
			cursor: default;
			border: none;
		}

		.calendar-date.sun {
			color: #e74c3c;
		}

		.calendar-date.sat {
			color: #3498db;
		}

		.calendar-date.available.sun {
			border-color: #e74c3c;
		}

		.calendar-date.available.sun:hover {
			border: none;
		}

		.calendar-date.available.sat {
			border-color: #0066cc;
		}

		.calendar-date.available:hover.sun,
		.calendar-date.available:hover.sat {
			color: white;
		}

		.calendar-legend {
			display: flex;
			justify-content: center;
			gap: 40px;
			margin-top: 40px;
			flex-wrap: wrap;
		}

		.legend-item {
			display: flex;
			align-items: center;
			gap: 10px;
			font-size: 16px;
			color: #666;
		}

		.legend-box {
			width: 35px;
			height: 35px;
			border: 3px solid;
		}

		.legend-box.available {
			background: white;
			border-color: #1B4076;
		}

		.legend-box.outside {
			background: #f5f5f5;
			border-color: #e0e0e0;
		}

		.calendar-note {
			text-align: center;
			color: #666;
			margin-top: 20px;
			font-size: 14px;
		}

		.calendar-navigation {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 30px;
			margin-bottom: 30px;
		}

		.nav-btn {
			background: #0066cc;
			color: white;
			border: none;
			width: 50px;
			height: 50px;
			border-radius: 50%;
			font-size: 24px;
			cursor: pointer;
			transition: all 0.3s;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.nav-btn:hover:not(:disabled) {
			background: #004c99;
			transform: scale(1.1);
		}

		.nav-btn:disabled {
			background: #ccc;
			cursor: not-allowed;
			opacity: 0.5;
		}

		.current-month {
			font-size: 24px;
			font-weight: 700;
			color: #0066cc;
			min-width: 180px;
			text-align: center;
		}

		@media (max-width: 768px) {
			.reservation-section {
				padding: 60px 15px;
			}

			.calendar-wrapper {
				padding: 25px 15px;
			}

			.weekday {
				font-size: 13px;
				padding: 10px 0;
			}

			.calendar-grid {
				gap: 8px;
			}

			.calendar-date .date-month {
				font-size: 10px;
			}

			.calendar-date .date-number {
				font-size: 18px;
			}

			.legend-item {
				font-size: 14px;
			}

			.legend-box {
				width: 30px;
				height: 30px;
			}

			.calendar-navigation {
				gap: 20px;
				margin-bottom: 25px;
			}

			.nav-btn {
				width: 45px;
				height: 45px;
				font-size: 20px;
			}

			.current-month {
				font-size: 20px;
				min-width: 150px;
			}

			#routemap {
				display: none;
			}

			h2.section-title {
				font-size: 18px;
				font-weight: 600;
			}

			.about-section p {
				font-size: 16px;
				text-align: left;
			}

			.route-section h2.section-title {
				font-size: 20px;
				font-weight: 600;
			}

			.points-list {
				gap: 30px 20px;
			}

			.point-item {
				width: calc(50% - 10px);
				min-width: auto;
				padding: 10px;
			}

			.faq-question {
				padding: 10px 20px;
			}

			.bread li {
				list-style: none;
			}

			ol.path {
				flex-wrap: wrap;
			}

			section#guideCont {
				padding: 0;
			}

			.mv-title {
				transform: translateX(-50%);
				width: auto;
			}

			.mv-title h1 {
				color: #ffffff;
				font-size: 50px;
				line-height: 0.9;
				font-family: "Unica One", sans-serif;
				margin: 0;
				font-weight: 300;
				position: relative;
			}

			.mv-title h2.sub {
				position: absolute;
				bottom: 50px;
				background: linear-gradient(90deg, rgba(241, 132, 215, 1), rgba(43, 69, 126, 1));
				padding: 10px 15px;
				color: #ffffff;
				clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
				left: 21px;
				font-size: 12px;
				font-weight: 300;
				text-align: center;
			}

			p.rosent {
				position: absolute;
				top: 5%;
				left: 55%;
				color: #ffffff;
				font-size: 14px;
				line-height: 1.4;
			}

			#easthokkaido-route img.route-img {
				height: 200px;
			}

			#easthokkaido-route img.route-title {
				height: 200px;
			}

			body {
				background: #ffffff;
			}

			#easthokkaido-route .operationperiod-section p {
				font-size: 16px;
				padding: 10px 0 10px 0;
			}

			#easthokkaido-route #fare .box {
				overflow-x: scroll;
			}

			.reservation-section {
				padding: 60px 10px;
			}

			.calendar-wrapper {
				padding: 15px 10px;
			}

			.calendar-grid {
				gap: 5px;
			}

			.calendar-date {
				aspect-ratio: auto;
			}

			#easthokkaido-route #point ul li {
				margin-right: 0;
				margin-bottom: 20px;
			}

			#easthokkaido-route #fare .box table th {
				min-width: 120px;
			}

			#easthokkaido-route .info-section h2.section-title {
				flex-wrap: wrap;
			}
		}


		ol.path {
			display: flex;
			gap: 10px;
			font-size: .8em;
			align-items: center;
			padding: 5px 5px 3px 5px;
			background: #ffffff;
			color: #333333;
			font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
			max-width: 1140px;
			margin: auto;
		}

		ol.path li a {
			color: #0168b7;
		}

		ol.path li:last-child a {
			color: #333333;
		}

		ol.path li a:after {
			content: ">";
			display: inline-block;
			margin-left: 10px;
		}

		ol.path li:last-child a:after {
			content: none;
		}

		section.chatbot {
			padding: 0;
		}


		.route-item.comingsoon {
			filter: grayscale(1);
			pointer-events: none;
			position: relative;
		}

		.route-item.comingsoon:before {
			position: absolute;
			content: "Coming Soon";
			color: #ffffff;
			font-size: 2.0em;
			font-weight: 600;
			top: 20%;
			left: 50%;
			width: 100%;
			padding: 10px;
			transform: translateX(-50%);
			text-align: center;
			text-shadow: 1px 1px 6px #000000;
		}

		#routemap #map_list li.comingsoon {
			filter: grayscale(1);
			pointer-events: none;
			position: relative;
			opacity: 0.6;
		}

		#routemap #map_list li.comingsoon:before {
			content: "Coming Soon";
			position: absolute;
			top: 50%;
			right: 10px;
			color: #ffffff;
			transform: translateY(-50%);
		}

		.route-section {
			background: #E9F6FE;
			background-image: radial-gradient(#90D4E8 10%, transparent 20%);
			background-size: 8px 8px;
			background-position: 0px 0px;
		}

		.route-section h2.section-title {
			border: none;
			background: #1B4076;
			border-radius: 5px;
		}

		.route-item {
			border-radius: 20px;
			background: #ffffff;
		}


		.route-name {
			color: #333333;
		}

		.route-date,
		.route-spots {
			color: #777777;
		}

		.route-link {
			padding: 10px 30px 8px 20px;
			border-radius: 50px;
			width: fit-content;
			position: relative;
		}

		.route-link:after {
			content: '';
			width: 8px;
			height: 8px;
			border-top: 1px solid #FFF;
			border-right: 1px solid #fff;
			transform: rotate(45deg);
			right: 15px;
			top: 0;
			bottom: 0;
			margin: auto;
			display: inline-block;
			position: absolute;
		}

		.route-link:hover:after {
			border-top: 1px solid #1b4076;
			border-right: 1px solid #1b4076;
		}

		img.zoomer-image {
			border-radius: 20px;
		}

		#routemap #map_list li {
			border-radius: 5px;
			overflow: hidden;
		}

		.route-item img.routeimg {
			margin-top: 0;
			margin-right: 0;
			margin-left: 0;
			border-radius: 10px;
		}

		.route-number {
			padding: 20px;
			width: 120px;
			height: 100px;
		}

		.points-section {
			background: linear-gradient(180deg, rgba(182, 251, 255, 0.1), rgba(132, 163, 212, 0.6));
		}

		.point-number {
			top: 20px;
			left: 20px;
		}

		.point-item {
			box-shadow: none;
			background: none;
			padding: 0;
		}

		#routemap #map_name li p {
			border-radius: 10px 10px 0 0;
		}

		#routemap #map_name li a {
			background: #fff;
			border-radius: 0 0 10px 10px;
			position: relative;
		}

		#routemap #map_name li a:after {
			content: '';
			width: 8px;
			height: 8px;
			border-top: 1px solid #1b4076;
			border-right: 1px solid #1b4076;
			transform: rotate(45deg);
			right: 15px;
			top: 0;
			bottom: 0;
			margin: auto;
			display: inline-block;
			position: absolute;
		}

		#routemap #map_name li a:hover {
			background: #e6e6e6;
		}

		.faq-item.active .faq-answer {
			padding: 20px 30px 20px 30px;
		}

		.faq-question:hover {
			background: #f6feff;
		}

		#easthokkaido-route h2.section-title {
			display: block;
			align-items: center;
			margin: 0 auto 30px;
			font-family: "Jost", sans-serif;
			text-align: center;
		}

		#easthokkaido-route h2.section-title span {
			font-size: 18px;
			display: block;
		}

		#easthokkaido-route h2.section-title span:after {
			content: "";
			width: 45px;
			height: 1px;
			margin: 0 8.5px;
			background-color: #1b4076;
			display: inline-block;
			vertical-align: middle;
		}

		#easthokkaido-route #timetable table {
			border-collapse: separate;
			border-spacing: 3px;
		}

		#easthokkaido-route #timetable th {
			background: linear-gradient(180deg, rgba(182, 251, 255, 1), rgba(132, 163, 212, 1));
			background: #1B4076;
			color: #ffffff;
			text-align: center;
			padding: 15px 10px;
			border-radius: 5px;
		}

		#easthokkaido-route #timetable td {
			border-radius: 5px;
		}

		#easthokkaido-route #timetable td span {
			border-radius: 3px;
		}

		/*
		#easthokkaido-route #timetable th:first-child {
			border-radius: 10px 0 0 0;
		}

		#easthokkaido-route #timetable th:last-child {
			border-radius: 0 10px 0 0;
		}*/

		#easthokkaido-route #timetable td:nth-child(2),
		#easthokkaido-route #timetable td:nth-child(3) {
			font-size: 18px;
			font-family: "Jost", sans-serif;
		}

		#easthokkaido-route #fare .box table {
			border-collapse: separate;
			border-spacing: 4px;
		}

		#easthokkaido-route #fare .box table th,
		#easthokkaido-route #fare .box table td {
			border-radius: 10px;
		}

		.calendar-date {
			border-radius: 8px;
		}

		.legend-box {
			border: 1px solid;
			border-radius: 5px;
		}

		#easthokkaido-route #point ul li .ptimg+p {
			border: none;
		}

		#easthokkaido-route #point ul li {
			border-radius: 15px;
			overflow: hidden;
			border: 1px solid #e6e6e6;
			box-shadow: 0px 2px 10px #e6e6e6;
		}

		#easthokkaido-route .operationperiod-section p {
			text-align: center;
		}

		#easthokkaido-route #point ul li .ptimg p {
			width: 30%;
			max-width: 120px;
			position: absolute;
			top: 10px;
			background: linear-gradient(135deg, rgba(182, 251, 255, 1), rgba(132, 163, 212, 1));
			padding: 10px;
			color: #ffffff;
			clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
			font-size: 18px;
			text-align: center;
			font-family: "Jost", sans-serif;
		}

		#easthokkaido-route #timetable .off {
			padding-left: 0;
			border-left: 1px solid #e6e6e6;
			display: flex;
			justify-content: flex-end;
		}

		#easthokkaido-route #timetable .on {
			padding-right: 0;
			border-right: 1px solid #e6e6e6;
			display: flex;
			justify-content: flex-start;
		}

		#easthokkaido-route #timetable .on.off {
			justify-content: space-around;
		}

		#easthokkaido-route #timetable .on span {
			background-color: #0180ab;
		}

		#easthokkaido-route #timetable .off span {
			background-color: #666666;
			width: 66px;
		}

		#easthokkaido-route #timetable .on.off span:first-child {
			background-color: #0180ab;
		}

		#easthokkaido-route #timetable .ss span {
			background-color: #FFFFFF;
			border: 1px solid #2759b9;
			color: #2759b9;
			width: auto;
			min-width: 120px;
		}

		#easthokkaido-route #fare .box table tr:hover {
			background: #f6feff;
		}

		#easthokkaido-route #timetable table tr:hover {
			background: #f6feff;
		}

		.infographic-container {
			position: relative;
			width: 700px;
			height: 700px;
			margin: auto;
		}

		.donut-chart {
			position: absolute;
			width: 100%;
			height: 100%;
			border-radius: 50%;
			background: conic-gradient(from -90deg,
					#004681 0deg 72deg,
					#9aa9d0 72deg 144deg,
					#d5e7f1 144deg 216deg,
					#f6f5fa 216deg 288deg,
					#5d95b9 288deg 360deg);
		}



		.center-circle {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 300px;
			height: 300px;
			background: white;
			border-radius: 50%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
			z-index: 10;
		}

		.center-circle h2 {
			font-size: 40px;
			color: #333;
			margin-bottom: 5px;
			font-weight: bold;
			letter-spacing: 4px;
		}

		.center-circle p {
			font-size: 18px;
			color: #999;
			margin-bottom: 10px;
		}

		.section-text {
			position: absolute;
			color: white;
			cursor: pointer;
			transition: all 0.3s ease;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			max-width: 220px;
			z-index: 5;
		}

		.section-text:hover {
			transform: scale(1.05);
		}

		.section-text img {
			display: block;
			margin-bottom: 12px;
			width: 30px;
			height: 30px;
		}

		.section-text.text-5 img {
			margin: 0 auto 12px;
		}

		.section-text h3 {
			font-size: 19px;
			font-weight: bold;
			line-height: 1.3;
		}

		.section-text p {
			font-size: 14px;
			line-height: 1.6;
			opacity: 0.95;
		}

		/* Position each text section around the donut */
		.text-1 {
			top: 50px;
			left: 50%;
			text-align: left;
		}

		.text-2 {
			top: 280px;
			right: 40px;
			text-align: left;
			color: #004681;
		}

		.text-3 {
			bottom: 55px;
			right: 170px;
			text-align: left;
			color: #004681;
		}

		.text-4 {
			bottom: 145px;
			left: 85px;
			text-align: left;
		}

		.text-5 {
			top: 130px;
			left: 75px;
			text-align: left;
		}

		@media (max-width: 768px) {
			section.points-section {
				padding: 30px 10px;
			}

			.infographic-container {
				height: calc(100vw - 20px);
				width: calc(100vw - 20px);
			}

			.donut-chart::before {
				width: 370px;
				height: 370px;
			}

			.center-circle {
				width: 35vw;
				height: 35vw;
			}

			.center-circle h2 {
				font-size: 4.8vw;
				text-align: center;
				letter-spacing: 0;
			}

			.center-circle p {
				font-size: 3.5vw;
				text-align: center;
				line-height: 1.4;
			}

			.section-text {
				max-width: 40vw;
			}

			.section-text h3 {
				font-size: 15px;
			}

			.section-text p {
				font-size: 12px;
			}

			.section-text img {
				width: 20px;
				height: 20px;
				margin-bottom: 5px;
			}

			.text-1 {
				top: 5vw;
				left: 42vw;
				text-align: left;
			}

			.text-2 {
				top: 32vw;
				right: 0vw;
				text-align: left;
				color: #004681;
			}

			.text-3 {
				bottom: 7vw;
				right: 14vw;
				text-align: left;
				color: #004681;
			}

			.text-4 {
				bottom: 19vw;
				left: 0vw;
				text-align: left;
				text-shadow: 1px 1px 4px #00457f;
			}

			.text-5 {
				top: 16vw;
				left: 9vw;
				text-align: left;
			}

			.section-text img,
			.section-text.text-5 img {
				margin: 0 auto 5px;
			}
		}

		#easthokkaido-route #point {
			overflow: hidden;
		}

		.route-carousel {
			margin: 0 auto;
			padding: 20px 0 60px;
			position: relative;
		}

		.slick-list {
			overflow: visible;
		}

		.slick-slide {
			transition: all 0.3s ease;
			opacity: 0.5;
			transform: scale(0.85);
		}

		.slick-slide.slick-center {
			opacity: 1;
			transform: scale(1);
		}

		.slick-slide>div {
			padding: 0;
		}

		.point-card {
			background: white;
			border-radius: 12px;
			overflow: hidden;
			/*box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);*/
			transition: box-shadow 0.3s ease;
		}

		.slick-center .point-card {
			box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
		}

		.point-badge {
			position: absolute;
			top: 20px;
			left: 20px;
			background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
			color: white;
			padding: 10px 25px;
			font-size: 1rem;
			font-weight: bold;
			font-style: italic;
			border-radius: 50px;
			z-index: 10;
			box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
		}

		.point-badge.point2 {
			background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
			box-shadow: 0 4px 15px rgba(245, 87, 108, 0.4);
		}

		.point-badge.point3 {
			background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
			box-shadow: 0 4px 15px rgba(79, 172, 254, 0.4);
		}

		.point-image {
			position: relative;
			width: 100%;
			height: 400px;
			overflow: hidden;
		}

		.point-image img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.point-content {
			padding: 30px;
			text-align: center;
		}

		.point-content p {
			font-size: 1.1rem;
			line-height: 1.8;
			color: #333;
		}

		/* Slick Arrow Customization */
		.slick-prev,
		.slick-next {
			width: 50px;
			height: 50px;
			z-index: 100;
		}

		.slick-prev:before,
		.slick-next:before {
			font-size: 50px;
			color: #1a3a5c;
			opacity: 1;
		}

		.slick-prev {
			left: -60px;
		}

		.slick-next {
			right: -60px;
		}

		.slick-prev:hover:before,
		.slick-next:hover:before {
			color: #667eea;
		}

		/* Slick Dots */
		.slick-dots {
			bottom: 20px;
		}

		.slick-dots li button:before {
			font-size: 12px;
			color: #1a3a5c;
			opacity: 0.5;
		}

		.slick-dots li.slick-active button:before {
			opacity: 1;
			color: #1a3a5c;
		}

		@media (max-width: 768px) {
			.slick-slide>div {
				padding: 0;
			}

			.point-image {
				height: 250px;
			}

			.point-content {
				padding: 20px;
			}

			.point-content p {
				font-size: 1rem;
			}

			.slick-slide {
				opacity: 1;
				transform: scale(1);
			}

			.slick-prev {
				left: 10px;
			}

			.slick-next {
				right: 10px;
			}

			.slick-prev:before,
			.slick-next:before {
				font-size: 35px;
			}

			.slick-list {
				overflow: hidden;
			}
		}