@import (once) "../../css/default.less";
@import (once) "../../css/font.less";

/* go_register お試し登録はこちら ///////////////////////*/
.go_register{
.pf;
right:-60px;
bottom:15vh;
z-index:2;
transition:.3s;

p{
.ffgm;
padding:1.5rem .75rem;
font-size:1.3rem;
line-height:1.4rem;
background:@wine;
color:#FFF;
.r(.5rem 0 0 .5rem);
width:2.75rem;
}

}

.go_register:hover p{
background:@focus;
}

.go_register_visible{
right:0;
}


/* using ///////////////////////*/
.using{

.box{
.pr;
}
.num{
.pa;
right:1rem;
width:20%;
max-width:80px;
}

}


/* register ///////////////////////*/
.register{

h3{
padding:2rem 0;
}

ul{
.dt;
width:100%;
}
li{
.tac;
.dtc;
.vab;
padding:0;
}
li:first-child{
.vam;
padding:0 0 0 1rem;
}

.cut{
img{
width:90%;
max-width:130px;
}
}

.button a{
padding:0;
background:@wine;
max-width:@w1;
.r(.3rem);
}
.button p{
.nw;
background:@wine;
font-size:2rem;
line-height:2.6rem
}

.button:hover a,
.button:hover p{
background:@focus;
}

.before{
margin:2rem 0 0 0;
padding:3rem;
background:url(../image/cut_before.svg) no-repeat 50% 50%;
p{
.tac;
.ffgm;
font-size:1.15rem;
}
}

}