/* お役立ちコラム追加関連 */

:root {
	--gold: #bda230;
	--blue: #2E6FED;
	--red: #C00000;

	--fz-12: 0.75rem;
	--fz-14: 0.875rem;
	--fz-15: 0.9375rem;
	--fz-16: 1rem;
	--fz-17: 1.0625rem;
	--fz-18: 1.125rem;
	--fz-19: 1.1875rem;
	--fz-20: 1.25rem;
	--fz-22: 1.375rem;
	--fz-24: 1.5rem;
	--fz-28: 1.75rem;
	--fz-32: 2rem;

	/* 記事本文のブロック間隔 */
	--block-mb: 30px;

	/* ヘッダーの高さ */
	--hh-pc: 80px;
	--hh-sp: 55px;

	/* 明朝体 */
	--font-family-serif: 'Noto Serif JP', "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}

.col-w-fit {
	width: fit-content;
}
hr {
	margin: 40px 0;
	border-color: #ddd;
}

/* お役立ちコラム一覧*/
.column-page {
	background-color: #F7F7F7;
	.p-pagenation {
		margin-bottom: 0;
		padding-bottom: 80px;
	}
	.col-breadcrumb {
		background-color: #fff;
	}
	.p-main__header {
		background-image: url(../img/bg_header_news.jpg)!important;
	}
	.col-row {
		display: grid;
		grid-template-columns: 1fr 300px;
		align-items: flex-start;
		gap: 30px;
		.col-main-column {
			width:100%;
		}
		.col-side-column {
			position: sticky;
			top: calc(var(--hh-pc) + 20px);
			width: 280px;
			padding: 20px 20px;
			border-radius: 5px;
			border: 1px solid #ddd;
			background-color: #fff;
			.col-side-column__item {
				margin-bottom: 40px;
				&:last-child {
					margin-bottom: 0;
				}
			}
			hgroup {
				margin-bottom: 20px;
				padding-left: 10px;
				border-left: 3px solid var(--gold);
			}
			.col-side-column__title {
				margin-bottom: 5px;
				font-size: var(--fz-16);
				font-weight: 600;
				font-family: var(--font-family-serif);
			}
			.col-side-column__subtitle {
				font-size: var(--fz-14);
				font-family: 'Jost', sans-serif;
				color: var(--gold);
			}
			.col-category-list {
				gap: 4px 4px;
				margin-bottom: 0;
				li {
					a {
						padding: 2px 10px;
						background-color: var(--gold);
						border-color: var(--gold);
						font-size: var(--fz-12);
						color: #fff;
						&:hover {
							opacity: 0.8;
						}
					}

				}
			}
			.col-card-list {
				display: flex;
				flex-direction: column;
				gap: 20px;
				.col-card {
					display: block;
					background-color: transparent;
					.col-card__image {
						overflow: hidden;
						aspect-ratio: 2/1;
						margin-bottom: 5px;
						border: 1px solid #ddd;
						border-radius: 5px;
					}
					.col-card__title {
						padding: 0;
						font-size: var(--fz-14);
						font-weight: 600;
					}

				}
			}
		}
		@media (max-width: 991.98px) {
			grid-template-columns: 1fr;
			gap: 20px;
			.col-main-column {
				width: 100%;
			}
			.col-side-column {
				position: static;
				margin: 0 auto;
				width: 100%;
				.col-card-list {
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: center;
					gap: 20px;
					.col-card {
						width: 280px;
						.col-card__image {
							overflow: hidden;
							aspect-ratio: 2/1;
							margin-bottom: 5px;
							border: 1px solid #ddd;
							border-radius: 5px;
						}
						.col-card__title {
							padding: 0;
							font-size: var(--fz-14);
							font-weight: 600;
						}

					}
				}
			}
		}
	}
	.col-category-list {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
		margin-bottom: 40px;
		padding: 0;
		li {
			list-style: none;
			margin: 0;
			padding: 0;
			&.is-active {
				a {
					background-color: var(--gold);
					border-color: var(--gold);
					color: #fff;
				}
			}
			a,span {
				display: block;
				padding: 5px 15px;
				/* border-radius: 999px; */
				background-color: #fff;
				/* border: 1px solid #ddd; */
				font-size: var(--fz-15);
				color: #000;

				&:hover {
					background-color: var(--gold);
					border-color: var(--gold);
					color: #fff;
				}
			}
		}
	}
	.col-card-list {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		gap: 30px;
		@media (max-width: 991.98px) {
			/* grid-template-columns: 1fr; */
			gap: 15px;
		}
	}

	a.col-card {
		&:hover {
			opacity: 0.8;
			.col-card__image {
				img {
					/* transform: scale(1.05); */
				}
			}
			.col-card__more {
				i {
					transform: translateX(4px);
				}
			}
		}
	}
	.col-card {
		overflow: hidden;
		display: grid;
		grid-template-rows: subgrid;
		grid-row: span 3;
		gap: 0;
		border-radius: 5px;
		background-color: #fff;
		font-family: var(--font-family-serif);
		color: #000;
		.col-card__image {
			overflow: hidden;
			aspect-ratio: 3/2;
			margin-bottom: 20px;
			img {
				transition: transform 0.3s ease;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
		.col-card__body {
			padding: 0 20px;
			.col-card__title {
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				line-clamp: 2;
				margin-bottom: 10px;
				font-size: var(--fz-18);
				font-weight: 600;
			}
			.col-card__text {
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 4;
				line-clamp: 4;
				margin-bottom: 10px;
				font-size: var(--fz-14);
			}
		}

		.col-card__meta {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 10px 20px 20px;
			.col-card__date {
				font-size: var(--fz-14);
				font-weight: 400;
				color: #999;
			}
			.col-card__more {
				display: flex;
				align-items: center;
				gap: 5px;
				font-size: var(--fz-14);
				font-weight: 500;
				color: var(--gold);
				i {
					transition: transform 0.2s ease;
					font-size: var(--fz-18);
				}
			}
		}

	}
}

/* お役立ちコラム詳細*/
.column-page--entry {
	/* padding-top: 80px; */
	background-color: #fff;
	.p-main__contents {
		padding-top: 50px;
		padding-bottom: 80px;
	}
	.col-main-column {
		overflow: hidden;
	}
	.col-side-column {
		background-color: #F5F5F5!important;
	}

	.col-single-header {
		.col-single-header__meta {
			display: flex;
			align-items: flex-start;
			gap: 10px;
			margin-bottom: 10px;
			padding-top: 1px;
		}
		.col-single-header__date {
			font-size: var(--fz-14);
			color: #999;
		}
		.col-category-list {
			display: flex;
			flex-wrap: wrap;
			gap: 5px;
			margin-bottom: 0;
			padding: 0;
			li {
				a,span {
					padding: 3px 10px;
					/* border-radius: 999px; */
					background-color: #F6F6F6;
					border: 1px solid #E0E0E0;
					font-size: var(--fz-12);
					color: #000;

					&:hover {
						background-color: #F6F6F6;
						border: 1px solid #E0E0E0;
						color: #000;
					}
				}
			}
		}
		.col-single-title {
			margin-bottom: 30px;
			padding-bottom: 15px;
			border-bottom: 1px solid #d9d9d9;
			font-size: var(--fz-28);
			font-weight: 600;
			font-family: var(--font-family-serif);
			line-height: 1.2;
		}
		.col-single-body {
			p {

			}
		}
	}

	.col-single-body {
		.col-single-mainvisual {
			margin: 0 0 30px;
			figcaption {
				margin-top: 10px;
				text-align: center;
				font-size: var(--fz-14);
				font-weight: 400;
			}
		}

		.col-single-toc {
			overflow: hidden;
			margin-bottom: 30px;
			border: 1px solid #ddd;
			border-radius: 5px;
			.col-single-toc__title {
				position: relative;
				display: flex;
				justify-content: space-between;
				align-items: center;
				width: 100%;
				margin-bottom: 0;
				background-color: #F5F5F5;
				padding: 10px 20px;
				border: none;
				cursor: pointer;
				font-weight: 600;
				&::before,
				&::after {
					content: '';
					position: absolute;
					top: 50%;
					right: 20px;
					width: 14px;
					height: 2px;
					margin-top: -1px;
					background-color: #000;
					transition: transform 0.3s ease, opacity 0.3s ease;
				}
				&::before {
					transform: rotate(0deg);
				}
				&::after {
					transform: rotate(90deg);
					opacity: 0;
				}
			}
			&.is-open {
				.col-single-toc__title {
					&::before {
						transform: rotate(0deg);
					}
					&::after {
						transform: rotate(90deg);
						opacity: 1;
					}
				}
			}
			.col-single-toc__content {
			}
			.col-single-toc__list {
				margin-bottom: 0;
				padding: 15px;
				border-top: 1px solid #ddd;
				li {
					font-weight: 600;
					a {
						display: block;
						color: #000;
						text-decoration: none!important;
						&:hover {
							/* opacity: 0.5!important; */
						}
					}
					ul {
						margin-bottom: 0;
						li {
							font-size: var(--fz-15);
							font-weight: 400;
						}
					}
				}
			}
			.col-single-toc__sublist {
				/* margin-top: 8px;
				margin-bottom: 0;
				padding-left: 20px;
				list-style: none;
				li {
					margin-bottom: 5px;
					&:last-child {
						margin-bottom: 0;
					}
				} */
			}
			.col-single-toc__sublist-item {
				/* margin-bottom: 0;
				padding-left: 0; */
			}
		}



		a {
			color: #000;
			text-decoration: underline!important;
			&:hover {
				opacity: 0.7!important;
			}
		}
		p {
			margin-bottom: var(--block-mb);
			line-height: 1.8;
			i {
				margin-inline: 5px;
			}
		}
		h2,h3,h4,h5,h6 {
			font-weight: 600;
			line-height: 1.2;
		}
		h2 {
			position: relative;
			margin-bottom: 20px;
			padding-bottom: 15px;
			font-size: var(--fz-22);
			border-bottom: 1px solid #d9d9d9;
			&::before {
				content: '';
				position: absolute;
				bottom: -1px;
				left: 0;
				width: 150px;
				height: 4px;
				background-color: var(--gold);
			}
		}
		h3 {
			margin-bottom: 20px;
			padding: 5px 0 5px 15px;
			border-left: 4px solid var(--gold);
			font-size: var(--fz-20);
		}
		h4 {
			margin-bottom: 15px;
			padding-bottom: 10px;
			font-size: var(--fz-19);
			border-bottom: 1px dotted #999;
		}
		h5 {
			margin-bottom: 10px;
			font-size: var(--fz-18);
		}
		h6 {
			margin-bottom: 5px;
			font-size: var(--fz-17);
		}
		ul,ol {
			margin-bottom: var(--block-mb);
		}
		table {
			.col-transparent {
				background-color: transparent!important;
			}
		}
		.col-table-responsive {
			margin-bottom: var(--block-mb);
			width: 100%;
			@media (max-width: 991.98px) {
				overflow-x: scroll;
				table {
					margin-bottom: 5px;
					width: 800px;
					th {
						white-space: nowrap;
					}
					th,td {
					}
				}
			}
		}
		.col-table {
			table-layout: fixed;
			margin-bottom: var(--block-mb);
			width: 100%;
			border-collapse: collapse;
			border: 1px solid #ddd;
			thead {
				background-color: #F5F5F5;
			}
			tbody {
			}
			tr {
				border-bottom: 1px solid #ddd;
			}
			th,td {
				padding: 15px 20px;
				border: 1px solid #ddd;
			}
			th {
				background-color: #F5F5F5;
			}
		}

		.col-table2 {
			table-layout: fixed;
			margin-bottom: var(--block-mb);
			width: 100%;
			border-collapse: collapse;
			border: 1px solid #ddd;
			thead {
				th {
					background-color: #205894;
					color: #fff;
				}
			}
			tbody {
				th {
					background-color: #ECF9FF;
				}
			}
			tr {
				border-bottom: 1px solid #ddd;
			}
			th,td {
				padding: 15px 20px;
				border: 1px solid #ddd;
			}

		}

		.col-flame {
			overflow: hidden;
			margin-bottom: var(--block-mb);
			padding: 20px;
			border: 1px solid #ddd;
			border-radius: 5px;
			p {
				margin-bottom: 0;
			}
			&:has(.col-flame__title) {
				padding: 0;
				.col-flame__body {
					padding: 20px;
				}
			}
			.col-flame__title {
				overflow: hidden;
				background-color: #F5F5F5;
				padding: 10px 15px;
				border-bottom: 1px solid #ddd;
				/* font-size: var(--fz-18); */
				font-weight: 600;
				i {
					margin-right: 8px;
					color: var(--gold);
				}
			}
		}

		.col-panel {
			margin-bottom: var(--block-mb);
			padding: 20px;
			background-color: #F5F5F5;
			border-radius: 5px;
			p {
				margin-bottom: 0;
			}
		}

		.col-panel-lightblue {
			margin-bottom: var(--block-mb);
			padding: 20px;
			background-color: #ECF9FF;
			border-radius: 5px;
			p {
				margin-bottom: 0;
			}
		}

		.col-blockquote {
			position: relative;
			margin-bottom: var(--block-mb);
			padding: 30px 50px;
			background-color: #F5F5F5;
			border-radius: 5px;
			&::before {
				content: '\f10d';
				position: absolute;
				top: 15px;
				left: 15px;
				font-family: 'Font Awesome 5 Pro';
				font-weight: 900;
				font-size: var(--fz-24);
				line-height: 1;
				color: #D9D9D9;
			}
			&::after {
				content: '\f10e';
				position: absolute;
				bottom: 15px;
				right: 15px;
				font-family: 'Font Awesome 5 Pro';
				font-weight: 900;
				font-size: var(--fz-24);
				line-height: 1;
				color: #D9D9D9;
			}
			p {
				margin-bottom: 0;
			}
			.col-blockquote__cite {
				margin-top: 15px;
				padding: 8px 12px;
				font-size: var(--fz-14);
				font-weight: 400;
				background-color: #fff;
				border-radius: 5px;
			}
			@media (max-width: 991.98px) {
				padding: 20px 30px;
				&::before {
					top: 8px;
					left: 8px;
					font-size: var(--fz-16);

				}
				&::after {
					bottom: 8px;
					right: 8px;
					font-size: var(--fz-16);
				}
			}
		}

		[class^="col-list-"] {
			list-style: none;
			margin-bottom: var(--block-mb);
			padding-left: 0;
			ul {
				margin-top: 5px;
				padding-left: 0;
			}
			li {
				list-style: none;
				position: relative;
				margin-bottom: 5px;
				padding-left: calc(1em + 3px);
			}
		}
		.col-list-check {
			li {
				&::after {
					content: '';
					position: absolute;
					top: 0.5lh;
					left: 3px;
					width: 12px;
					height: 8px;
					border-left: 2px solid var(--gold);
					border-bottom: 2px solid var(--gold);
					transform: rotate(-45deg) translateY( calc(-50% - 3px));
				}
				&:last-child {
					margin-bottom: 0;
				}
			}
		}
		.col-list-line {
			li {
				&::after {
					content: '';
					position: absolute;
					top: 0.5lh;
					left: 0;
					width: 12px;
					height: 2px;
					border-radius: 2px;
					background-color: var(--gold);
				}
			}
		}
		.col-list-arrow {
			li {
				&::after {
					content: '\f0da';
					position: absolute;
					top: 0.3lh;
					left: 4px;
					font-family: 'Font Awesome 5 Pro';
					font-weight: 900;
					font-size: var(--fz-16);
					line-height: 1;
					color: var(--gold);
				}
			}
		}
		.col-list-circle {
			li {
				&::after {
					content: '';
					position: absolute;
					top: 0.4lh;
					left: 4px;
					width: 8px;
					height: 8px;
					border-radius: 50%;
					background-color: var(--gold);
				}
			}
		}
		.col-list-cross {
			li {
				&::after {
					content: '\f00d';
					position: absolute;
					top: 0.4lh;
					left: 4px;
					font-family: 'Font Awesome 5 Pro';
					font-weight: 600;
					font-size: var(--fz-16);
					line-height: 1;
					color: var(--red);
				}
			}
		}

		ol {
			counter-reset: list-counter;
			padding-left: 0;
			list-style: none;
			li {
				list-style: none;
				position: relative;
				margin-bottom: 5px;
				padding-left: calc(1em + 3px);
				counter-increment: list-counter;
				&::after {
					content: counter(list-counter);
					position: absolute;
					top: 0.3lh;
					left: 4px;
					font-size: var(--fz-16);
					font-weight: 700;
					line-height: 1;
					color: var(--gold);
				}
			}
		}
		figure {
			margin: 0 0 var(--block-mb);
			img {
			}
			figcaption {
				margin-top: 5px;
				text-align: center;
				font-size: var(--fz-12);
				font-weight: 400;
			}
		}

		[class^="col-button"]:not(.col-button-group) {
			overflow: hidden;
			appearance: none;
			position: relative;
			display: grid;
			grid-template-columns: 1fr auto 1fr;
			column-gap: 10px;
			align-items: center;
			transition:all 0.3s ease;
			padding: 20px 30px;
			width: fit-content;
			/* max-width: 280px; */
			/* min-width: 200px; */
			text-decoration: none!important;
			background-color: var(--gold);
			/* border-radius: 999px; */
			text-align: center;
			line-height: 1.2;
			font-weight: 600;
			color:  #fff;
			&::before {
				content: ''; /* 空の疑似要素を用意する */
				width: 18px;
			}
			&:after {
				transition: transform 0.3s ease;
				content: '\f0a9';
				justify-self: end;
				display: block;
				font-family: 'Font Awesome 5 Pro';
				font-weight: 900;
				font-size: var(--fz-18);
				line-height: 1;
				color: currentColor;
			}
			&:hover {
				&::after {
					transform: translateX(3px);
				}
			}
		}
		.col-button-white {
			background-color: #fff!important;
			border: 1px solid var(--gold)!important;
			color: var(--gold)!important;
			&:hover {
				opacity: 1!important;
				background-color: var(--gold)!important;
				color: #fff!important	;
			}
		}
		.col-button-group {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			flex-wrap: wrap;
			justify-content: center;
		}
		.col-marker {
			background:linear-gradient(transparent 10%, #FFEA00 10%);
		}
		.col-dotline {
			border-bottom: 1px dotted #000;
		}
		.col-blue {
			color: #2E6FED;
		}
		.col-bold {
			font-weight: 700;
		}
	}
	.p-pagenation {
		margin-top: 30px!important;
		border-top: 0!important;
		.p-button {
			max-width: 260px;
		}
		.p-prev .p-num .p-icon::before,
		.p-next .p-num .p-icon::before {
			top: -.4em !important;
		}
	}

	@media (max-width: 1400px) {
		/* padding-top: 55px; */
		.p-main__contents {
			padding-top: 30px;
			padding-bottom: 50px;
		}
		.col-single-header {
			.col-single-header__meta {
			}
			.col-single-header__date {
			}
			.col-single-title {
				/* font-size: var(--fz-22); */
			}
		}
		.col-single-body {
			p {
				font-size: var(--fz-15);
			}
			.col-button-group {

			}
		}
	}
	@media (max-width: 991.98px) {
		.col-single-header {
			.col-single-title {
				font-size: var(--fz-22);
			}
		}
		.col-single-body {
			h2 {
				font-size: var(--fz-20);
			}
			h3 {
				font-size: var(--fz-19);
			}
			h4 {
				font-size: var(--fz-18);
			}
			h5 {
				font-size: var(--fz-17);
			}
			h6 {
				font-size: var(--fz-16);
			}
			ul,ol {
				font-size: var(--fz-15);
			}
			ul {
				padding-left: 1.2em;
			}
			table {
				font-size: var(--fz-15);
			}

			[class^="col-list-"] {
				list-style: none;
				margin-bottom: 20px;
				padding-left: 0;
				ul {
					margin-top: 5px;
					padding-left: 0;
				}
				li {
					list-style: none;
					position: relative;
					margin-bottom: 5px;
					padding-left: calc(1em + 3px);
				}
			}
			.col-list-check {
				li {
					&::after {
						content: '';
						position: absolute;
						top: 0.5lh;
						left: 5px;
						width: 10px;
						height: 7px;
						border-left: 2px solid var(--gold);
						border-bottom: 2px solid var(--gold);
						transform: rotate(-45deg) translateY( calc(-50% - 3px));
					}
					&:last-child {
						margin-bottom: 0;
					}
				}
			}
			.col-list-line {
				li {
				}
			}
			.col-list-arrow {
				li {
					&::after {
						font-size: var(--fz-15);
					}
				}
			}
			.col-list-circle {
				li {
					&::after {
						top: 0.35lh;
					}
				}
			}
			.col-list-cross {
				li {
					&::after {
						top: 0.35lh;
						font-size: var(--fz-15);
					}
				}
			}

			ol {
				li {
					&::after {
						top: 0.25lh;
						font-size: var(--fz-15);
					}
				}
			}
		}
	}
}

/* 関連記事*/
.col-related-section {
	padding: 80px 0;
	background-color: #F5F5F5;
	@media (max-width: 991.98px) {
		padding: 50px 0;
	}

	.col-related-list {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		gap: 30px;
		@media (max-width: 991.98px) {
			gap: 15px;
		}
	}
	.col-card {
		background-color: transparent;
		.col-card__image {
			overflow: hidden;
			aspect-ratio: 3/2;
			margin-bottom: 10px;
			border-radius: 5px;
			img {
				transition: transform 0.3s ease;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
		.col-card__body {
			padding: 0;
			.col-card__title {
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				line-clamp: 2;
				margin-bottom: 10px;
				font-size: var(--fz-16);
				font-weight: 600;
				font-family: var(--font-family-serif);
			}
		}

		.col-card__meta {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0;
			.col-card__date {
				font-size: var(--fz-14);
				font-weight: 400;
				color: #999;
			}
			.col-category-list {
				margin: 0;
				padding: 0;
				li {
					list-style: none;
					margin: 0;
					padding: 2px 8px;
					border-radius: 5px;
					border: 1px solid #E0E0E0;
					background-color: #fff;
					font-size: var(--fz-12);
				}
			}
		}

	}

}
/* お知らせ一覧*/
.col-column-section {
	background-color: #fff;
	.p-button {
		max-width: 260px;
	}
	.col-column-slider {
		.col-column-slider__item {
			margin-inline: 10px;
		}
		.col-card {
			color: #000;
			.col-card__image {
				overflow: hidden;
				aspect-ratio: 3/2;
				margin-bottom: 10px;
				border-radius: 5px;
				img {
					transition: transform 0.3s ease;
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
			.col-card__body {
				padding: 0;
				.col-card__title {
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					line-clamp: 2;
					margin-bottom: 10px;
					font-size: var(--fz-16);
					font-weight: 600;
					font-family: var(--font-family-serif);
				}
			}

			.col-card__meta {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 0;
				.col-card__date {
					font-size: var(--fz-14);
					font-weight: 400;
					color: #999;
				}
				.col-category-list {
					margin: 0;
					padding: 0;
					li {
						list-style: none;
						margin: 0;
						padding: 2px 8px;
						/* border-radius: 5px; */
						/* border: 1px solid #E0E0E0; */
						background-color: var(--gold);
						font-size: var(--fz-12);
						color: #fff;
						/* font-family: var(--font-family-serif); */
					}
				}
			}

		}
	}
	@media (max-width: 991.98px) {
		.col-column-slider {
			/* SPでは左右ナビは非表示 */
			.slide-arrow {
				display: none!important;
			}
			/* SPで左右ナビを表示する場合のスタイル */
			.slide-arrow {
				min-width: 40px;
				width: 40px;
				height: 40px;
			}
			.slide-arrow::after {
				top: -5px !important;
				font-size: 1.5rem;
			}
			.slide-arrow.arrow-next,
			.slide-arrow.arrow-prev {
				width: 40px;
				height: 40px;
			}
			.slide-arrow.arrow-next {
				right: -15px;
			}
			.slide-arrow.arrow-prev {
				left: -15px;
			}
		}
	}
}