@charset "UTF-8";


/* ====================================
　共通スタイル
 ==================================== */

.section-title {
	font-size: 2.6rem;
	text-align: center;
	margin-top: 3rem;
	font-weight: 500;
}

/* セクション */
.sub-section {
	padding-top: 4rem;
}

.other-section {
	padding-block: 8rem 2rem;
}

/* ページリンク */
.page-navi-wrap .text {
	font-size: 1.6rem;
	margin-top: 1.1em;
}

.section-border {
	border-top: none;
	padding-bottom: 4rem;
	border-bottom: 1px solid var(--light-gray);
}

/* 重要なお知らせ */
.important-notice {
	display: flex;
	flex-wrap: wrap;
	gap: 7rem 6%;
}

.product-notice,
.operation-notice {
	inline-size: 100%;
}

.notice-title {
	font-size: 1.8rem;
	font-weight: 700;
}

.product-notice .notice-title {
	padding-left: 1.8em;
	background: url(/assets/common/images/icon-important-notification.svg) no-repeat left center/1.2em auto;
}

.list-notice {
	margin-top: 2rem;
}

.list-notice>li {
	padding-block: 2rem;
	border-bottom: 1px solid var(--light-gray);
}

.list-notice>li:first-child {
	border-top: 1px solid var(--light-gray);
}

.list-notice>li>time {
	display: inline-block;
	margin-bottom: .5em;
	font-size: 1.5rem;
	font-weight: 500;
}

.list-notice>li>a {
	display: block;
	font-size: 1.5rem;
}

.icon-pdf {
	inline-size: 2.5rem;
	margin-top: 0.2rem;
}
/* ====================================
	ホバーが有効な環境のみ
===================================== */
@media (hover) and (pointer) {}

/* ====================================
	スマホ専用スタイル（～768px）
===================================== */
@media screen and (width < 1024px) {
	.page-navi-link {
		display: block;
		font-size: 1.5rem;
		font-weight: 500;
		inline-size: fit-content;
		margin: 2em 0 0 auto;
		padding-left: 1.5em;
		position: relative;
	}

	.page-navi-link::before {
		content: '';
		background: url(/assets/common/images/chevron-right-solid-r.svg) no-repeat center center / contain;
		position: absolute;
		inline-size: 1em;
		block-size: 1em;
		left: 0;
		top: .3em;
	}
}


/* ====================================
	PC専用スタイル（1024px～）
===================================== */
@media print,
screen and (1024px <=width) {

	/* セクション */
	.other-section {
		padding-block: 12rem 6rem;
	}

	.section-title {
		font-size: 3rem;
		text-align: left;
		margin-top: 0;
	}

	/* ページリンク */
	.page-navi-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

	.page-navi-img {
		inline-size: 64%;
	}

	.page-navi-wrap {
		inline-size: 31%;
	}

	.page-navi-wrap .text {
		font-size: 1.8rem;
	}

	.page-navi-link {
		display: inline-block;
		font-size: 1.6rem;
		font-weight: 500;
		margin-top: 2.2em;
		padding: 0.6em 4em;
		color: var(--sharp-red);
		border: 1px solid var(--sharp-red);
		border-radius: 30px;
		transition: color 0.2s ease, background-color 0.2s ease;
	}

	.page-navi-link:hover {
		text-decoration: none;
		color: #fff;
		background-color: var(--sharp-red);
	}

	/* 重要なお知らせ */
	.product-notice,
	.operation-notice {
		inline-size: 47%;
	}

	.notice-title {
		font-size: 2.4rem;
	}

	.list-notice>li>time {
		font-size: 1.6rem;
	}
}