/* CSS Document */

:where(#terms, #privacy, #tokusyou){
	margin: var(--space) 0;
	}
	:where(#terms, #privacy, #tokusyou) > h3+div{
		margin-top: 1.5em;
		padding: calc(var(--space) * 0.5);
		background: rgba(255, 255, 255, 0.75);
		border-radius: var(--theme-corner);
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		}

.accordion{
	position: relative;
	padding-bottom: 2em;
	}
	.accordion:before{
		content: "";
		position: absolute;
		left: 0;
		bottom: 2em;
		width: 100%;
		height: 5em;
		background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
		transition: height 0.2s ease-out;
		pointer-events: none;
		}
	.accordion menu{
		position: absolute;
		left: 50%;
		bottom: 0;
		display: grid;
		grid-template-columns: auto 1em;
		grid-gap: 0.5em;
		align-content: center;
		justify-content: center;
		margin: 0;
		padding: 0;
		font-size: 14px;
		cursor: pointer;
		transform: translateX(-50%);
		z-index: 1;
		}
	.accordion menu:after{
		content: "";
		width: 1em;
		height: 1em;
		-webkit-mask: var(--icon-angle-right) center no-repeat;
		-webkit-mask-size: contain;
		background: currentColor;
		transform: rotate(90deg);
		opacity: 0.5;
		transition: transform 0.2s ease-out;
		}
	.accordion.open{}
		.accordion.open:before{
			height: 0;
			}
		.accordion.open menu:after{
			transform: rotate(-90deg);
			}

.fr-view{}
	.fr-view *{
		font-size: 14px;
		line-height: 1.7;
		}
	.fr-view table{
		width: 100%;
		}
	.fr-view th,
	.fr-view td{
		padding: clamp(4px, 1.2vw, 8px);
		}
	.fr-view h3{
		font-size: 16px;
		}
	.fr-view ol{
		margin-left: 1.5em;
		list-style: decimal;
		}
	.fr-view ul{
		margin-left: 1.5em;
		list-style: disc;
		}