@charset "utf-8";

.signin_wrap, .signin_input, .signin_btn, .check_wrap label, .signin_find {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.signin_wrap {
max-width: 660px;
margin: 0 auto 3.5em;
padding: 30px 30px 50px;
border-radius: 16px;
border: 1px solid #dadada;
-webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.15);
        box-shadow: 0 5px 9px rgba(0, 0, 0, 0.15);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.signin_wrap .signin_top {
padding: 1em;
margin-bottom: 2.5em;
text-align: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
font-size: 1.2em;
}
.signin_wrap .signin_top p br {
display: none;
}
.signin_wrap .signin_input {
width: 100%;
padding-bottom: 1em;
margin-bottom: 1em;
}
.signin_wrap .signin_input .input_wrap {
width: calc(85% - 2em);
margin-right: 2em;
}
.signin_wrap .signin_input .input_wrap input {
display: block;
height: 2.7em;
max-width: 552px;
width: 100%;
margin-right: 1em;
text-indent: 1em;
border: 1px solid #dfdfdf;
border-radius: 2px;
}
.signin_wrap .signin_input .input_wrap input:first-child {
margin-bottom: 1.3em;
}
.signin_wrap .signin_input a {
width: 15%;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
color: #fff;
background-color: #26a19c;
}
.signin_wrap .check_wrap {
margin-bottom: 1.5em;
padding-bottom: 1.5em;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
}
.signin_wrap .check_wrap input {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
position: absolute;
left: 0;
top: 0;
}
.signin_wrap .check_wrap input:checked + label::before {
background-image: url(/img/checked.png);
}
.signin_wrap .check_wrap label {
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
color: #777;
font-size: 0.9em;
}
.signin_wrap .check_wrap label::before {
content: "";
width: 15px;
height: 15px;
display: block;
margin-right: 10px;
background-image: url(/img/check.png);
background-size: cover;
}
.signin_wrap .signin_find {
font-size: 0.9em;
width: 70%;
}
.signin_wrap .signin_find li {
width: calc((100% / 3) - 2%);
-webkit-box-sizing: border-box;
        box-sizing: border-box;
padding-left: 1em;
}
.signin_wrap .signin_find li + li {
margin-left: 1%;
}
.signin_wrap .signin_find a {
color: #555;
font-size: 1.2em;
}

.signin_wrap .signin_find a:hover{border-bottom: 1px solid #555;}

@media screen and (max-width: 479px) {
.signin_wrap .signin_top p {
    font-size: 1em;
    line-height: 1.4;
}

.signin_wrap .signin_top p br {
    display: block;
}

.signin_wrap .signin_input .input_wrap {
    width: 70%;
    margin-right: 5%;
}
.input_wrap input::placeholder{font-size: 0.8em;}

.signin_wrap .signin_input a {
    width: 25%;
}

.signin_wrap .check_wrap label {
    font-size: 0.8em;
}

.signin_wrap .signin_find {
    width: 100%;
    font-size: 0.8em;
}

.signin_wrap .signin_find li {
    width: calc((100% / 3) - 2%);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0;
    text-align: center;
    }

    .signin_wrap .signin_find a{font-size: 1em;}
}
  
  /*# sourceMappingURL=/signin.f655eda9.css.map */