/* CSS Document */

#fNavTool{
	display: none;
	}

:where(#terms, #privacy){}
	:where(#terms, #privacy) > 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);
		}

#signup{}
	#signup:is(article){
		grid-gap: var(--space) 0;
		margin-bottom: 0;
		}
	#signup:is(div){
		display: grid;
		grid-gap: var(--space) 0;
		justify-items: center;
		width: var(--wrap);
		margin: var(--space) auto;
		}
	#signup section{
		margin: var(--space) 0;
		}

#form{
	display: grid;
	justify-items: center;
	grid-gap: 2em;
	}
	#form dl{
		width: min(100%, 800px);
		margin: auto;
		}

#agreement{
	justify-self: start;
	color: inherit;
	}
	#agreement.err{
		padding: 0.5em 0.75em;
		}

.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 h3{
		font-size: 16px;
		line-height: 1.7;
		}
	.fr-view ul{
		margin-left: 1.2em;
		list-style: disc;
		}




/* for lower */
@media (max-width: 1199.98px) {
/*1199px以下*/
}
@media (max-width: 991.98px) {
/*991px以下*/
}
@media (max-width: 767.98px) {
/*767px以下*/
}
@media (max-width: 575.98px) {
/*575px以下*/
}


/* Small */
@media (min-width: 576px) {
/*576px以上*/
}
@media (min-width: 576px) and (max-width: 767.98px) {
/*576px～767px*/
}
@media (min-width: 576px) and (max-width: 991.98px) {
/*576px～991px*/
}
@media (min-width: 576px) and (max-width: 1199.98px) {
/*576px～1199px*/
}
@media (min-width: 576px) and (max-width: 1399.98px) {
/*576px～1399px*/
}


/* Medium */
@media (min-width: 768px) {
/*768px以上*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*768px～991px*/
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 1399.98px) {
/*768px～1399px*/
}


/* Large */
@media (min-width: 992px) {
/*992px以上*/
}
@media (min-width: 992px) and (max-width: 1199.98px) {
/*992px～1199px*/
}
@media (min-width: 992px) and (max-width: 1399.98px) {
/*992px～1399px*/
}


/* X-Large */
@media (min-width: 1200px) {
/*1200px以上*/
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
/*1200px～1399px*/
}


/* XX-Large */
@media (min-width: 1400px) {
/*1400px以上*/
}