@charset "utf-8";

.container {
}

.contents main {
	padding-top: 6vw;
}

main h2::after {
	content: "";
	display: block;
	width: 36%;
	height: 7px;
	background-color: var(--color-cp-r);
}

/* 紹介動画 */
.intro-box {
	color: var(--color-main);
}

.intro-mov {
	border: 8px solid var(--color-main);
}

/* お役立ち情報 */
.side-link {
	aspect-ratio: 1920/1094;
}

.side-link li {
	height: calc(50% - 0.5vw);
	margin-bottom: 1vw;
}

.side-link li:last-of-type {
	margin-bottom: 0;
}

.side-link li a {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
	padding: 0;
	background-color: var(--color-main-bg);
	border: 2px solid var(--color-main);
	font-size: 2vw;
	font-weight: bold;
	color: var(--color-main);
}
/*
.side-link li a::before {
	content: "";
	display: block;
	width: 2vw;
	height: 2vw;
	background: url(../images/icon_circle_right.svg) center center no-repeat;
	background-size: contain;
	position: absolute;
	left: 1vw;
}

.side-link li:nth-of-type(1) a::before { background-image: url(../images/icon_circle_rightx.svg); }
*/
.side-link li a::after {
	content: "";
	display: block;
	width: 2vw;
	height: 2vw;
	background: url(../images/icon_circle_right.svg) center center no-repeat;
	background-size: contain;
	position: absolute;
	right: 1vw;
	transition: 0.2s;
}

.side-link li a:hover::after {
	transform: translate(0.5vw, 0);
}

.side-link li a::after {
}

/* 動画のモーダル */
.fancybox-slide.fancybox-slide--video {
	padding: 0;
}

.fancybox-slide.fancybox-slide--video .fancybox-content {
	width: 100% !important;
	height: 100% !important;
}

/* タッチパネル対応 */
.touch-box {
	color: var(--color-main);
	font-size: var(--ft-size26);
	font-weight: 500;
}

.touch-box {
	display: flex;
	flex-flow: row nowrap;
	gap: 0.5em;
	justify-content: center;
	align-items: center;
	margin-top: 1.5em;
	font-size: 2vw;
	font-weight: 500;
	color: var(--color-main);
}

.touch-box::before {
	content: "";
	display: block;
	width: 46px;
	height: 57px;
	background: url(../images/icon_touch.svg) center center no-repeat;
	background-size: contain;
}

/* ================================================ */
@media (max-width: 1000px) {
}

/* ================================================ */
@media (max-width: 840px) {
}

/* ================================================ */
@media (max-width: 375px) {
}