/* --------------------------------------------
REGISTRATIONS
--------------------------------------------- */
.page-user_registrations{
	> .wp-block-group__inner-container{
		>h2{
			font-weight : 700;
		}
	}
	.box{
		padding-block : 24px;
		background-color : white;
		p{
			letter-spacing : -.06px;
		}
		ul{
			margin-top : 16px;
		}
		li{
			display : grid;
			grid-template-columns : auto auto;
			align-items : start;
			justify-content : start;
			font-weight : 700;
			&::before{
				content : "・";
			}
		}
	}
	#wpmem_reg{
		#wpmem_register_form{
			legend:empty{
				display : none;
			}
			fieldset{
				margin-block : 0;
				label:first-of-type{
					margin-top : 0;
				}
			}
			label{
				color : black;
				.req{
					display : none;
				}
			}
			.div_text{
				margin-bottom : 0;
			}
			:where( input[type="email"] , input[type="password"] , input[type="text"] ){
				border-color : var( --borderColor01 );
				border-radius : 6px;
				&::placeholder{
					color : var( --gray01 ) ! important;
				}
			}
		}
		+ p{
			margin-top : 16px;
		}
	}
	#kiyaku1{
		margin-bottom : 0 ! important;
		p{
			color : var( --gray01 );
		}
		a{
			color : var( --red01 );
			-webkit-text-decoration : underline;
			text-decoration : underline;
		}
	}
	#wpmem_login{
		display : none;
	}
	#wpmem_login + p{
		display : none;
	}
	@media screen and ( width <= 768px ){
		> .wp-block-group__inner-container{
			> h2{
				font-size : 24px;
				line-height : calc( 30 / 24 );
			}
			> p{
				font-size : 16px;
				line-height : calc( 32 / 16 );
			}
			> h2 + p{
				margin-top : 32px;
			}
		}
		.box{
			padding-inline : 24px;
			margin-top : 32px;
			border-radius : 4px;
			> p{
				font-size : 12px;
				line-height : calc( 24 / 12 );
			}
			li{
				font-size : 11px;
				line-height : calc( 20 / 11 );
			}
			.link-text01{
				margin-top : 12px;
			}
		}
		#wpmem_reg{
			margin-top : 40px;
			#wpmem_register_form{
				label{
					font-size : 16px;
					line-height : calc( 24 / 16 );
					&:not( :first-of-type ){
						margin-top : 40px;
					}
				}
				.div_text{
					margin-top : 12px;
				}
				:where( input[type="email"] , input[type="password"] , input[type="text"] ){
					height : 48px;
					padding-inline : 18px;
					font-size : 13px;
					line-height : calc( 24 / 13 );
				}
				.button_div{
					margin-top : 40px;
				}
			}
		}
		#kiyaku1{
			margin-top : 40px;
			p{
				font-size : 12px ! important;
				line-height : calc( 18 / 12 ) ! important;
			}
		}
	}
	@media print , screen and ( width > 768px ){
		> .wp-block-group__inner-container{
			> h2{
				font-size : 32px;
				line-height : calc( 38 / 32 );
			}
			> p{
				font-size : 18px;
				line-height : calc( 32 / 18 );
			}
			> h2 + p{
				margin-top : 32px;
			}
		}
		.box{
			padding-inline : 40px;
			margin-top : 32px;
			border-radius : 10px;
			> p{
				font-size : 15px;
				line-height : calc( 24 / 15 );
			}
			li{
				font-size : 13px;
				line-height : calc( 26 / 13 );
			}
			.link-text01{
				margin-top : 6px;
			}
		}
		#wpmem_reg{
			margin-top : 32px;
			#wpmem_register_form{
				label{
					font-size : 15px;
					line-height : calc( 24 / 15 );
					&:not( :first-of-type ){
						margin-top : 32px;
					}
				}
				.div_text{
					margin-top : 6px;
				}
				:where( input[type="email"] , input[type="password"] , input[type="text"] ){
					height : 60px;
					padding-inline : 19px;
					font-size : 15px;
					line-height : calc( 24 / 15 );
				}
				.button_div{
					margin-top : 54px;
				}
			}
		}
		#kiyaku1{
			margin-top : 40px;
			p{
				font-size : 14px ! important;
				line-height : calc( 24 / 14 ) ! important;
			}
		}
	}
}