.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;
}
}
}
}