@charset "utf-8";

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

.go_register p {
font-family: "Kosugi Maru", sans-serif;
font-weight: 400;
font-style: normal;
text-stroke-width: 0.1px;
text-stroke-color: #FFF;
-webkit-text-stroke-width: 0.1px;
-webkit-text-stroke-color: #FFF;
padding: 1.5rem 0.75rem;
font-size: 1.3rem;
line-height: 1.4rem;
background: #BB7F7F;
color: #FFF;
border-radius: 0.5rem 0 0 0.5rem;
-moz-border-radius: 0.5rem 0 0 0.5rem;
-webkit-border-radius: 0.5rem 0 0 0.5rem;
width: 2.75rem;
}

.go_register:hover p {
background: #007CFD;
}

.go_register_visible {
right: 0;
}


/* using ///////////////////////*/
.using .box {
position: relative;
}

.using .num {
position: absolute;
right: 1rem;
width: 20%;
max-width: 80px;
}


/* register ///////////////////////*/
.register h3 {
padding: 2rem 0;
}

.register ul {
display: table;
width: 100%;
}

.register li {
text-align: center;
display: table-cell;
vertical-align: bottom;
padding: 0;
}

.register li:first-child {
vertical-align: middle;
padding: 0 0 0 1rem;
}

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

.register .button a {
padding: 0;
background: #BB7F7F;
max-width: 470px;
border-radius: 0.3rem;
-moz-border-radius: 0.3rem;
-webkit-border-radius: 0.3rem;
}

.register .button p {
white-space: nowrap;
background: #BB7F7F;
font-size: 2rem;
line-height: 2.6rem;
}

.register .button:hover a,
.register .button:hover p {
background: #007CFD;
}

.register .before {
margin: 2rem 0 0 0;
padding: 3rem;
background: url(../image/cut_before.svg) no-repeat 50% 50%;
}

.register .before p {
text-align: center;
font-family: "Kosugi Maru", sans-serif;
font-weight: 400;
font-style: normal;
text-stroke-width: 0.1px;
text-stroke-color: #FFF;
-webkit-text-stroke-width: 0.1px;
-webkit-text-stroke-color: #FFF;
font-size: 1.15rem;
}