@charset "utf-8";
.p-top-mv {
	max-width: 1424px;
	margin: 25px auto 65px;
}
	.p-top-mvList {}
			.p-top-mvItem figure {
				padding: 0 12px;
			}
				.p-top-mvItem figure img {
					width: 100%;
				}
	.p-top-mv .slick-prev {
		background: none;
		text-indent: -9999px;
		top: 45%;
		left: 95px;
		opacity: 1;
	}
	.p-top-mv .slick-prev::before {
		content: '';
		display: block;
		width: 58px;
		height: 58px;
		background: rgba(212,223,238,0.8);
		border-radius: 29px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.p-top-mv .slick-prev::after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		border-top: 3px solid #285FA8;
		border-right: 3px solid #285FA8;
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
		position: absolute;
		top: 22px;
		left: 23px;
	}
	.p-top-mv .slick-prev:hover::before {
		background: #285FA8;
	}
	.p-top-mv .slick-prev:hover::after {
		border-top: 3px solid #FFFFFF;
		border-right: 3px solid #FFFFFF;
	}
	.p-top-mv .slick-next {
		background: none;
		text-indent: -9999px;
		top: 45%;
		right: 95px;
		opacity: 1;
	}
	.p-top-mv .slick-next::before {
		content: '';
		display: block;
		width: 58px;
		height: 58px;
		background: rgba(212,223,238,0.8);
		border-radius: 29px;
		position: absolute;
		top: 0;
		right: 0;
	}
	.p-top-mv .slick-next::after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		border-top: 3px solid #285FA8;
		border-right: 3px solid #285FA8;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 22px;
		right: 23px;
	}
	.p-top-mv .slick-next:hover::before {
		background: #285FA8;
	}
	.p-top-mv .slick-next:hover::after {
		border-top: 3px solid #FFFFFF;
		border-right: 3px solid #FFFFFF;
	}
	.p-top-mv .slick-dots {
		display: flex;
		justify-content: center;
		width: 976px;
		margin: 0 auto;
		bottom: -30px;
		left: 0;
		right: 0;
	}
	.p-top-mv .slick-dots li {
		width: 50px;
		height: 4px;
		margin: 0 3px;
	}
		.p-top-mv .slick-dots li button {
			width: 100%;
			height: 4px;
			background: #D9D9D9;
			padding: 0;
		}
		.p-top-mv .slick-dots li button:before {
			display: none;
		}
		.p-top-mv .slick-dots li.slick-active button {
			background: #285FA8;
		}
@media screen and (max-width: 767px) {
	.p-top-mv {
		margin: 0 0 90px;
	}
				.p-top-mvItem figure {
					padding: 0;
				}
		.p-top-mv .slick-prev {
			display: none;
		}
		.p-top-mv .slick-next {
			display: none;
		}
		.p-top-mv .slick-dots {
			display: flex;
			justify-content: center;
			width: 100%;
			bottom: -40px;
		}
		.p-top-mv .slick-dots li {
			width: 55px;
		}
}

.p-top-news {
	margin: 25px 0 60px;
}
	.p-top-news .p-top-newsList {
		display: flex;
		flex-wrap: wrap;
	}
		.p-top-news .p-top-newsList dt {
			width: 180px;
			border-bottom: 1px solid #DADADA;
			font-size: 14px;
			line-height: 1.6;
			padding: 12px 0;
		}
		.p-top-news .p-top-newsList dd {
			width: calc(100% - 180px);
			border-bottom: 1px solid #DADADA;
			padding: 12px 0;
		}
			.p-top-news .p-top-newsList dd a {
				color: #000000 !important;
				font-weight: bold;
				line-height: 1.6;
				text-decoration: underline !important;
				position: relative;
			}
			.p-top-news .p-top-newsList dd a:hover {
				text-decoration: none !important;
			}
			.p-top-news .p-top-newsList dd a[target="_blank"] {
				background: url(/etc/designs/panasonic/holdings/images/holdings-icn-blank-pc.svg) no-repeat right center;
				background-size: 14px 14px;
				padding: 0 20px 0 0;
			}
			.p-top-news .p-top-newsList dd a.-pdf {
				background: url(/etc/common/img/icon_pdf.svg) no-repeat right center;
				background-size: 24px 24px;
				padding: 0 30px 0 0;
			}
	.p-top-news .p-top-news-btn {
		margin: 0 0 0 auto;
	}
@media screen and (max-width: 767px) {
	.p-top-news {
		margin: 0 0 30px;
	}
		.p-top-news .p-top-newsList {
			display: block;
		}
			.p-top-news .p-top-newsList dt {
				width: 100%;
				border-bottom: none;
				font-size: 13px;
				padding: 10px 0 5px;
			}
			.p-top-news .p-top-newsList dd {
				width: 100%;
				border-bottom: 1px solid #DADADA;
				font-size: 14px;
				padding: 0 0 10px;
				line-height: 1.75;
			}
		.p-top-news .p-top-news-btn {
			margin: 0 auto;
		}
}

.p-top-important {
	margin: 0 0 65px;
}
	.p-top-importantInner {
		background: #F5F5F5;
	}
		.p-top-important .p-top-important-note {
			background: url(/etc/common/img/icon_attention.svg) no-repeat 25px center #FDEEE6;
			border-bottom: 1px solid #FFFFFF;
			padding: 15px 20px 15px 55px;
		}
			.p-top-important .p-top-important-note a {
				color: #EE1507 !important;
				font-weight: bold;
			}
		.p-top-important .p-top-importantTitle {
			color: #EE1507;
			font-weight: bold;
			margin: 25px 0 20px 25px;
		}
		.p-top-important .p-top-importantList {
			display: flex;
			flex-wrap: wrap;
			padding: 0 25px 15px;
		}
			.p-top-important .p-top-importantList dt {
				width: 150px;
				font-size: 14px;
				line-height: 1.6;
				padding: 12px 0;
			}
			.p-top-important .p-top-importantList dd {
				width: calc(100% - 150px);
				padding: 12px 0;
			}
				.p-top-important .p-top-importantList dd a {
					color: #000000 !important;
					text-decoration: underline !important;
				}
				.p-top-important .p-top-importantList dd a:hover {
					text-decoration: none !important;
				}
		.p-top-important .p-top-important-btn {
			margin: 0 0 0 auto;
		}
@media screen and (max-width: 767px) {
	.p-top-important {
		margin: 0 0 50px;
	}
			.p-top-important .p-top-important-note {
				background: url(/etc/common/img/icon_attention.svg) no-repeat 12px 10px #FDEEE6;
				background-size: 24px;
				border-bottom: none;
				padding: 10px 15px 10px 45px;
			}
				.p-top-important .p-top-important-note a {
					font-size: 13px;
				}
			.p-top-important .p-top-importantTitle {
				font-size: 14px;
				margin: 20px 0 10px 15px;
			}
			.p-top-important .p-top-importantList {
				display: block;
				padding: 0 15px 20px;
			}
				.p-top-important .p-top-importantList dt {
					width: 100%;
					font-size: 13px;
					padding: 10px 0 5px;
				}
				.p-top-important .p-top-importantList dd {
					width: 100%;
					font-size: 14px;
					padding: 0 0 10px;
				}
			.p-top-important .p-top-important-btn {
				margin: 0 auto;
		}
}

.p-top-products {
	margin: 0 0 -20px;
}
	.p-top-products h3 {
		border-bottom: 1px solid #999999;
		font-size: 17px;
		padding: 15px 0;
		margin-bottom: 10px;
	}
	.p-top-products .p-top-productsCategoryList {
		display: flex;
		flex-wrap: wrap;
		margin: 100px 0 40px;
		gap: 10px;
	}
	.p-top-products .p-top-productsCategoryList:first-of-type {
		margin: 0 0 20px;
	}
		.p-top-products .p-top-productsCategoryItem {
			background: #FFFFFF;
			position: relative;
			box-sizing: border-box;
			width: calc((100% - 20px) / 3);
		}
		.p-top-products .-col2 .p-top-productsCategoryItem {
			width: calc((100% - 20px) / 2);
		}
		.p-top-products .p-top-productsCategoryItem:nth-child(4n) {
			margin: 0 0 15px 0;
		}
			.p-top-products .-col2 h3 {
				margin-top: 40px;
			}
			.p-top-products .-col2 h3:first-of-type {
				margin-top: 0;
			}
			.p-top-products .p-top-productsCategoryItem a {
				color: #000000 !important;
				display: block;
				padding: 10px 0;
			}
			.p-top-products .p-top-productsCategoryItem a:hover {
				text-decoration: none !important;
				box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.4), 0 0 0 4px #285FA8 inset;
			opacity: 0.7;
			}
				.p-top-products .p-top-products-logo {
					padding: 0 0 0 15px;
				}
					.p-top-products .p-top-products-logo img {
						display: inline;
						height: auto !important;
						max-height: 24px;
						max-width: 100% !important;
						vertical-align: text-bottom;
					}
				.p-top-products .p-top-products-image {
					display: flex;
					align-items: center;
					justify-content: center;
				}
				.p-top-products .p-top-products-title {
					font-weight: bold;
					text-align: center;
				}
@media screen and (max-width: 767px) {
	.p-top-products {
		margin: 0 0 40px;
	}
		.p-top-products .p-top-productsCategoryList {
			display: flex;
			flex-wrap: wrap;
			margin: 40px 0;
		}
		.p-top-products .p-top-productsCategoryList:first-of-type {
			margin: 0 0 40px;
		}
		.p-top-products .p-top-productsCategoryItem {
			position: relative;
			width: calc((100% - 20px) / 2);
			}
		.p-top-products .-col2 .p-top-productsCategoryItem {
			width: 100%;
		}
		.p-top-products .-col3 .p-top-productsCategoryItem {
			width: calc((100% - 20px) / 3);
		}
				.p-top-products .-col3 .p-top-productsCategoryItem h3 {
					display: table-cell;
					vertical-align: middle;
					min-height: 2.4em;
				}
				.p-top-products .-col3 .p-top-productsCategoryItem h3:not(.-sp-line2) {
					line-height: 2.4em;
				}
				.p-top-products .p-top-productsCategoryItem a {
					padding: 0;
				}
					.p-top-products .p-top-products-logo {
						padding: 0 0 0 10px;
					}
						.p-top-products .p-top-products-logo img {
							max-height: 18px;
						}
					.p-top-products .p-top-products-image {
						margin: 0 auto;
						width: 90%;
					}
					.p-top-products .p-top-products-title {
						font-size: 13px;
					}
}

.p-top-support {
	background: #E9EFF6;
	padding: 70px 0 50px;
}
@media screen and (max-width: 767px) {
	.p-top-support {
		padding: 40px 0;
	}
}

.p-top-pickup {
	padding: 70px 0 0;
}
	.p-top-pickup .p-top-pickup-wrap {
		margin: 0 0 35px;
	}
		.p-top-pickup .p-top-pickup-lead {
			font-size: 22px;
			margin: 0 0 5px;
		}
		.p-top-pickup .p-top-pickupList {
			display: flex;
			flex-wrap: wrap;
			border-bottom: 2px solid #DFDFDF;
			padding: 30px 0 45px;
		}
		.p-top-pickup .p-top-pickupList.-col2 {
			border-bottom: none;
			padding: 30px 0 0;
		}
			.p-top-pickup .p-top-pickupItem {
				width: 230px;
				margin: 0 18px 40px 0;
			}
			.p-top-pickup .p-top-pickupItem:nth-child(4n) {
				margin: 0 0 40px;
			}
			.p-top-pickup .-col2 .p-top-pickupItem {
				width: 480px;
				margin: 0 16px 40px 0;
			}
			.p-top-pickup .-col2 .p-top-pickupItem:nth-child(2n) {
				margin: 0 0 40px 0;
			}
				.p-top-pickup .p-top-pickupItem a {
					color: #000000 !important;
				}
				.p-top-pickup .p-top-pickupItem a:hover {
					opacity: 0.7;
				}
					.p-top-pickup .p-top-pickupItem a span {
						display: block;
						font-weight: bold;
						line-height: 1.6;
						margin: 10px 0 0;
					}
@media screen and (max-width: 767px) {
	.p-top-pickup {
		padding: 40px 0 0;
	}
		.p-top-pickup .p-top-pickup-wrap {
			margin: 0 0 25px;
		}
			.p-top-pickup .p-top-pickup-lead {
				font-size: 19px;
			}
			.p-top-pickup .p-top-pickupList {
				display: flex;
				flex-wrap: wrap;
				border-bottom: 1px solid #DFDFDF;
				padding: 20px 0;
			}
			.p-top-pickup .p-top-pickupList.-col2 {
				display: block;
				border-bottom: none;
				padding: 20px 0 0;
			}
				.p-top-pickup .p-top-pickupItem {
					width: calc((100% / 2) - 8px);
					margin: 0 16px 20px 0;
				}
				.p-top-pickup .p-top-pickupItem:nth-child(2n) {
					margin: 0 0 20px;
				}
				.p-top-pickup .-col2 .p-top-pickupItem {
					width: 100%;
					margin: 0 0 30px 0;
				}
				.p-top-pickup .-col2 .p-top-pickupItem:nth-child(2n) {
					margin: 0 0 30px;
				}
						.p-top-pickup .p-top-pickupItem a img {
							width: 100%;
						}
						.p-top-pickup .p-top-pickupItem a span {
							font-size: 14px;
							margin: 5px 0 0;
						}
}

.p-top-movie {
	background: #FDFCEA;
	padding: 70px 0 50px;
}
	.p-top-movie .p-top-movieLink {
		background: url(/etc/common/img/icon_movie_large.png) no-repeat 10px 30px;
		padding: 0 0 0 200px;
		margin: 10px 0 50px;
	}
		.p-top-movie .p-top-movieLink dl {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
		}
			.p-top-movie .p-top-movieLink dl dt {
				width: 115px;
				border-right: 2px solid #D9D9D9;
				font-weight: bold;
				padding: 5px 0;
				margin: 15px 0;
			}
			.p-top-movie .p-top-movieLink dl dd {
				display: flex;
				flex-wrap: wrap;
				width: calc(100% - 137px);
				padding: 0 0 0 20px;
			}
				.p-top-movie .p-top-movieLink dl dd a {
					display: block;
					background: #FFFFFF;
					border: 1px solid #285FA8;
					border-radius: 6px;
					color: #000000 !important;
					font-weight: bold;
					padding: 7px 32px 7px 16px;
					margin: 10px 18px 10px 0;
					position: relative;
				}
				.p-top-movie .p-top-movieLink dl dd a:hover {
					text-decoration: none !important;
					opacity: 0.7;
				}
				.p-top-movie .p-top-movieLink dl dd a::after {
					content: '';
					display: block;
					width: 10px;
					height: 10px;
					border-top: 3px solid #285FA8;
					border-right: 3px solid #285FA8;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
					position: absolute;
					top: 33%;
					right: 10px;
				}
@media screen and (max-width: 767px) {
	.p-top-movie {
		padding: 40px 0;
	}
		.p-top-movie .p-top-movieLink {
			background: url(/etc/common/img/icon_movie_large.png) no-repeat 0 0;
			background-size: 81px;
			padding: 0 0 0 100px;
			margin: 0;
		}
			.p-top-movie .p-top-movieLink dl {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
			}
				.p-top-movie .p-top-movieLink dl dt {
					width: 100%;
					border-right: none;
					border-bottom: 2px solid #D9D9D9;
					font-size: 14px;
					padding: 0 0 5px;
					margin: 0 0 10px;
				}
				.p-top-movie .p-top-movieLink dl dd {
					display: flex;
					flex-wrap: wrap;
					width: 100%;
					padding: 0;
					margin: 0 0 10px;
				}
					.p-top-movie .p-top-movieLink dl dd a {
						border-radius: 3px;
						font-size: 14px;
						padding: 3px 20px 3px 8px;
						margin: 0 10px 8px 0;
						position: relative;
					}
					.p-top-movie .p-top-movieLink dl dd a::after {
						content: '';
						display: block;
						width: 6px;
						height: 6px;
						border-top: 2px solid #285FA8;
						border-right: 2px solid #285FA8;
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
						position: absolute;
						top: 38%;
						right: 8px;
					}
}

.p-top-catalog {
	background: #285FA8;
	padding: 70px 0;
}
	.p-top-catalog h2 {
		color: #FFFFFF;
	}
		.p-top-catalog h2 span {
			color: #D9D9D9;
		}
	.p-top-catalog .p-top-catalog-wrap {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin: 0 0 45px;
	}
		.p-top-catalog .p-top-catalog-allPdf {
			background: #FFFFFF;
			border-radius: 6px;
			padding: 8px 15px 8px 8px;
			margin: 0 18px 0 0;
		}
		.p-top-catalog .p-top-catalog-allPdf:hover {
			text-decoration: none !important;
			opacity: 0.7;
		}
			.p-top-catalog .p-top-catalog-allPdf-inner {
				display: flex;
				width: 556px;
			}
				.p-top-catalog .p-top-catalog-allPdf figure {
					width: 157px;
					margin: 0 15px 0 0;
				}
				.p-top-catalog .p-top-catalog-allPdf .p-top-catalog-allPdf-text {
					width: calc(100% - 172px);
				}
					.p-top-catalog .p-top-catalog-allPdf .p-top-catalog-allPdf-lead {
						color: #000000 !important;
						font-size: 20px;
						font-weight: bold;
						line-height: 1.6;
						text-align: center;
						margin: 35px 0 25px;
					}
						.p-top-catalog .p-top-catalog-allPdf .p-top-catalog-allPdf-text span {
							display: block;
							font-size: 24px;
						}
					.p-top-catalog .p-top-catalog-allPdf .p-top-catalog-allPdf-btn {
						display: flex;
						align-items: center;
						justify-content: center;
						min-height: 70px;
						background: #101010;
						border-radius: 6px;
						box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.4);
						color: #FFFFFF !important;
						font-weight: bold;
						margin: 20px 0;
						position: relative;
					}
					.p-top-catalog .p-top-catalog-allPdf .p-top-catalog-allPdf-btn::after {
						content: '';
						display: block;
						width: 10px;
						height: 10px;
						border-top: 3px solid #FFFFFF;
						border-right: 3px solid #FFFFFF;
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
						position: absolute;
						top: 42%;
						right: 25px;
					}
		.p-top-catalog .p-top-catalog-pdf {
			margin: 0 17px 0 0;
		}
		.p-top-catalog .p-top-catalog-pdf:hover {
			text-decoration: none !important;
		}
			.p-top-catalog .p-top-catalog-pdf-inner {
				display: block;
				background: #FFFFFF;
				border-radius: 6px;
				padding: 15px 0;
			}
				.p-top-catalog .p-top-catalog-pdf-inner h3 {
					background: #B12828;
					border-top-left-radius: 6px;
					border-top-right-radius: 6px;
					color: #FFFFFF;
					font-size: 17px;
					font-style: italic;
					font-weight: bold;
					text-align: center;
					padding: 3px;
					margin-bottom: 15px;
				}
				.p-top-catalog .p-top-catalog-pdf-inner figure {
					width: 139px;
					margin: 0 15px;
				}
				.p-top-catalog .p-top-catalog-pdf p {
					color: #FFFFFF !important;
					font-size: 14px;
					font-weight: bold;
					text-align: center;
					margin: 10px 0 0;
				}
@media screen and (max-width: 767px) {
	.p-top-catalog {
		padding: 40px 0;
	}
		.p-top-catalog .p-top-catalog-wrap {
			flex-wrap: wrap;
			margin: 0 0 45px;
		}
			.p-top-catalog .p-top-catalog-allPdf {
				width: 100%;
				border-radius: 3px;
				padding: 5px 10px 5px 5px;
				margin: 0 0 40px;
			}
				.p-top-catalog .p-top-catalog-allPdf-inner {
					display: flex;
					width: 100%;
				}
					.p-top-catalog .p-top-catalog-allPdf figure {
						width: 94px;
						margin: 0 10px 0 0;
					}
					.p-top-catalog .p-top-catalog-allPdf .p-top-catalog-allPdf-text {
						width: calc(100% - 104px);
					}
						.p-top-catalog .p-top-catalog-allPdf .p-top-catalog-allPdf-lead {
							font-size: 12px;
							margin: 15px 0 10px;
						}
							.p-top-catalog .p-top-catalog-allPdf .p-top-catalog-allPdf-text span {
								font-size: 17px;
							}
						.p-top-catalog .p-top-catalog-allPdf .p-top-catalog-allPdf-btn {
							min-height: 55px;
							border-radius: 3px;
							font-size: 14px;
							margin: 0;
						}
						.p-top-catalog .p-top-catalog-allPdf .p-top-catalog-allPdf-btn::after {
							width: 6px;
							height: 6px;
							border-top: 2px solid #FFFFFF;
							border-right: 2px solid #FFFFFF;
							top: 45%;
							right: 20px;
						}
			.p-top-catalog .p-top-catalog-pdf {
				width: calc(50% - 10px);
				margin: 0;
			}
				.p-top-catalog .p-top-catalog-pdf-inner {
					display: block;
					background: #FFFFFF;
					border-radius: 3px;
					padding: 15px 0;
				}
					.p-top-catalog .p-top-catalog-pdf-inner h3 {
						background: #B12828;
						border-top-left-radius: 3px;
						border-top-right-radius: 3px;
						color: #FFFFFF;
						font-size: 17px;
						font-style: italic;
						font-weight: bold;
						text-align: center;
						padding: 3px;
					}
					.p-top-catalog .p-top-catalog-pdf-inner figure {
						width: auto;
						text-align: center;
						margin: 0 15px;
					}
}

.p-top-recall {
	padding: 55px 0;
}
@media screen and (max-width: 767px) {
	.p-top-recall {
		padding: 35px 0;
	}
}