@charset "utf-8";
/*===cariier===cariier===cariier===
...................................

-------------------------- PC

...................................
===cariier===cariier===cariier===*/
@media screen and (min-width: 601px),
print {

	.pc_none,
	.pctb_none,
	.sp_only,
	.tb_only {
		display: none !important;
	}

	a {
		transition: var(--default-transition);
	}

	a:before,
	a:after {
		transition: var(--default-transition);
	}

	a:hover {
		text-decoration: none;
		opacity: var(--hover-opacity);
	}

	.m_map {
		height: 500px;
	}
}

/*===cariier===cariier===cariier===
...................................

-------------------------- 複合

...................................
===cariier===cariier===cariier===*/
@media screen and (min-width: 1921px) {
	.l_mv {
		.l_mv_head {
			width: 100%;
		}
	}
}

@media screen and (min-width: 601px) and (max-width: 1450px) {
	.l_mv {
		--add-left: -15rem;
	}

	.l_feature {
		.l_feature_box {
			width: 41rem;
		}

		.l_feature_list {
			gap: 3rem;
		}

		.l_feature_item {
			padding: 4rem 2.5rem 2.5rem;
			.l_feature_item_txt span {
				font-size: 1.8rem;
				&.mini {
					font-size: 1.8rem;
				}
			}
		}
	}
}

@media screen and (min-width: 601px) and (max-width: 1500px) {}

@media screen and (min-width: 601px) and (max-width: 1400px) {}

@media screen and (min-width: 601px) and (max-width: 1300px) {}

@media screen and (min-width: 601px) and (max-width: 1200px) {}

@media screen and (orientation: portrait) and (min-width: 601px) and (max-width: 1280px) {}

/*===cariier===cariier===cariier===
...................................

-------------------------- SP ONLY

...................................
===cariier===cariier===cariier===*/
@media screen and (max-width: 600px) {

	.pc_only,
	.pctb_only,
	.sp_none,
	.tb_only {
		display: none !important;
	}

	html {
		font-size: 2.5645vw;
	}

	.m_col_ml_sp {
		--gap-col: 4.5rem;
		--gap-row: 4.5rem;
	}

	.m_table_scroll:before {
		content: "※横スクロールで全体を見ることができます。";
		font-size: 1.3rem;
		position: relative;
		left: 2.5rem;
		display: block;
	}

	.m_table_scroll {
		/* overflow-x: auto; */
		margin-left: -2.5rem;
		margin-right: -2.5rem;

		.simplebar-track {
			width: calc(100% - 5rem);
			left: 2.5rem !important;
		}
	}

	.m_table_scroll .m_table_scroll_in {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
		width: fit-content;
	}

	.m_table_scroll table {
		margin-top: 0;
		width: 150vw;
		table-layout: fixed;
		margin: 0;
	}

	.m_table_scroll .m_timetable {
		width: 200vw;
	}
}