@charset "utf-8";
/* Common footer banner

   汎用性を持たせる為にadjust-libs_2024.cssから独立
   将来的にadjust-libs_2024.css内の記述を削除予定
 ----------------------------------------------- */
/* コンテナ */
.f-container {
	width: 976px;
	margin: 0 auto;
}

/* バナーセット */
.c-bannerSet {
	display: flex;
	flex-wrap: wrap;
	border-top: 2px solid #DFDFDF;
	padding: 30px 0 20px;
}
	.c-bannerItem {
		width: 182px;
		margin: 0 16px 0 0 !important;
	}
	.c-bannerItem:nth-child(5n) {
		margin: 0 0 10px !important;
	}
	.-large .c-bannerItem {
		width: 230px;
		margin: 0 18px 10px 0 !important;
	}
	.-large .c-bannerItem:nth-child(4n) {
		margin: 0 0 10px !important;
	}
		.c-bannerItem a:hover {
			opacity: 0.7;
		}

@media screen and (max-width: 767px) {
	/* コンテナ */
	.f-container {
		width: 92%;
		margin: 0 auto;
	}

	/* バナーセット */
	.c-bannerSet {
		border-top: 1px solid #DFDFDF;
		padding: 20px 0 10px;
	}
		.c-bannerItem {
			width: calc((100% / 2) - 8px);
			margin: 0 16px 0 0 !important;
		}
		.c-bannerItem:nth-child(5n) {
			margin: 0 0 10px;
		}
		.c-bannerItem:nth-child(2n) {
			margin: 0 0 10px !important;
		}
		.-large .c-bannerItem {
			width: calc((100% / 2) - 9px);
			margin: 0 18px 10px 0 !important;
		}
		.-large .c-bannerItem:nth-child(4n) {
			margin: 0 0 10px !important;
		}
		.-large .c-bannerItem:nth-child(2n) {
			margin: 0 0 10px !important;
		}
			.c-bannerItem img {
				width: 100%;
			}
}

/* アコーディオン */
.c-accordion {
	margin-bottom: 20px;
}
	.c-accordion dt {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 36px;
		background: #FFFFFF;
		border: 1px solid #D9D9D9;
		color: #000000 !important;
		font-weight: bold;
		line-height: 1.4;
		padding: 8px 50px;
		cursor: pointer;
		position: relative;
	}
	.c-accordion dt:hover {
		opacity: 0.7;
	}
	.c-accordion dt:before {
		content: '';
		display: block;
		width: 50px;
		height: 100%;
		background: #101010;
		position: absolute;
		top: 0;
		right: 0;
	}
	.c-accordion dt:after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		border-top: 3px solid #FFFFFF;
		border-right: 3px solid #FFFFFF;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		top: 34%;
		right: 18px;
		transition: 0.3s;
	}
	.c-accordion dt.-open:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 42%;
	}
	.c-accordion dd {
		display: none;
		background: #FFFFFF;
		border: 1px solid #D9D9D9;
		border-top: none;
		padding: 40px 15px 20px;
	}
	.c-accordion dd.-noPadding {
		padding: 0;
	}
@media screen and (max-width: 767px) {
	/* アコーディオン */
	.c-accordion {
		margin-bottom: 10px;
	}
		.c-accordion dt {
			min-height: 25px;
			font-size: 14px;
		}
		.c-accordion dt:hover {
			opacity: 0.7;
		}
		.c-accordion dt:before {
			content: '';
			display: block;
			width: 40px;
			height: 100%;
			background: #101010;
			position: absolute;
			top: 0;
			right: 0;
		}
		.c-accordion dt:after {
			width: 6px;
			height: 6px;
			border-top: 2px solid #FFFFFF;
			border-right: 2px solid #FFFFFF;
			top: 36%;
			right: 16px;
		}
		.c-accordion dt.-open:after {
			top: 44%;
		}
		.c-accordion dd {
			display: none;
			border: 1px solid #D9D9D9;
			border-top: none;
			padding: 20px 10px;
		}
}

/* 購入サポート */
.c-support {
	border-top: 2px solid #E9EFF6;
	padding: 70px 0 90px;
}
	.c-supportLink {
		display: flex;
		justify-content: space-between;
		margin: 0 0 60px;
	}
		.c-supportBtn {
			width: 230px;
		}
			.c-supportBtn a {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				height: 190px;
				background: #FFFFFF;
				border: 1px solid #D9D9D9;
				box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.4);
				border-radius: 6px;
				color: #000000 !important;
				text-align: center;
				margin: 0 0 15px;
			}
			.c-supportBtn a:hover {
				box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.4), 0 0 0 4px #285FA8 inset;
				text-decoration: none !important;
				opacity: 0.7;
			}
				.c-supportBtnInner {}
					.c-supportBtnInner p {
						width: 100%;
						font-weight: bold;
						margin: 10px 0 0;
					}
		.c-support-inner {
			padding: 0 20px;
		}
		.c-support-text {
			font-size: 16px;
			line-height: 1.6;
			margin: 0 0 1em;
		}
		.c-support-subTitle {
			border-bottom: solid 1px #e1e1e1;
			line-height: 1.6;
			font-weight: bold;
			padding-top: 20px;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}
		.c-support-list {
			font-size: 16px;
			margin: 0 0 1em;
		}
			.c-support-listItem {
				font-size: 14px;
				line-height: 1.6;
				text-indent: -1em;
				padding-left: 1em;
				margin-bottom: 3px;
			}
@media screen and (max-width: 767px) {
	/* 購入サポート */
	.c-support {
		border-top: none;
		padding: 40px 0;
	}
		.c-supportLink {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			margin: 0 0 25px;
		}
			.c-supportBtn {
				width: calc((100% / 2) - 10px);
				font-size: 14px;
			}
				.c-supportBtn a {
					width: 100%;
					height: 135px;
					border-radius: 3px;
					padding: 10px 0 5px;
				}
				.c-supportBtn a:hover {
					margin: 0 0 15px;
				}
					.c-supportBtnInner {}
						.c-supportBtnInner p {
							font-size: 13px;
						}
			.c-support-inner {
				padding: 0 10px;
			}
			.c-support-text {
				font-size: 14px;
				margin: 0 0 1em;
			}
			.c-support-subTitle {
				line-height: 1.4;
				padding-top: 10px;
				padding-bottom: 5px;
			}
			.c-support-list {
				font-size: 14px;
			}
				.c-support-listItem {
					font-size: 12px;
					line-height: 1.4;
				}
}