.login-contents {
    /*width: 100%;*/
    /*height: 700px;*/
    /*margin: 0 auto;*/
    /*display: flex; justify-content: center;*/
}
/*.section1 {*/
/*    flex: 2;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*}*/
/*.section1 .logo img {*/
/*    margin: 32px 0;*/
/*    width: 50%;*/
/*}*/
.login_wrap {width: 500px; margin: 0 auto; margin-top: 8.5em; margin-bottom: 8.5em; padding: 3em 2em; border: 1px solid #ddd; box-shadow: 10px 10px 10px rgb(225 231 255 / 25%); border-radius: 1.25em; }
.login_wrap .logo { }
.login_wrap .logo img {width: 25%; }
.login_wrap .form_control {width: 100%; font-size: 1.125em; }
.login_wrap .btn {font-size: 1.125em; }

.login_wrap .login-input {margin-top: 2em; }
.login_wrap .input_group {margin-top: 1em; text-align: left; }
.login_wrap .input_group label {font-size: 1.125em; font-weight: 400; color: #333; }
.login_wrap .btn-submit {margin-top: 1.5em; }
.login_wrap .btn-submit button {width: 100%; background: var(--main-bg-color); color: #fff; font-weight: 700; }

.section1 .login-input {
    width: 70%;
    margin: 0 auto;
}
.section1 .login-input > div {
    padding: 12px;
}
.section1 .login-input .input {
    display: flex;
    width: 100%;
}
.section1 .login-input .input label {
    display: inline-block;
    width: 20%;
    min-width: 80px;
    color: rgba(0, 0, 0, 0.43);
}
.section1 .login-input .input input {
    display: inline-block;
    width: 80%;
    padding: 6px;
    border: 1px solid rgba(93, 97, 105, 0.15);
}
.section1 .login-input .input input:focus {
    outline: none;
}
.section2 {
    flex: 3;
}
.section2 img {
    width: 100%;
    height: 100%;
}

/* sns */
.snsLoginArea {margin-top: 2em; }
.snsLoginArea p {position: relative; }
.snsLoginArea p:before {display: block; content: ''; position: absolute; left: 0; top: calc(50% - 1px); width: 100%; height: 2px; background: #e5e5e5; }
.snsLoginArea p span {position: relative; display: inline-block; padding: .25em 1em; background: #fff; z-index: 1; font-size: 1.25em; color: #888; }
.snsLoginArea ul {padding-top: .75em; }
.snsLoginArea ul li {margin-top: 1em; }
.snsLoginArea ul li button {display: flex; align-items: center; justify-content: center; width: 100%; font-weight: 700; }
.snsLoginArea ul li button .ico {width: 1.25em; margin-right: .25em; }