#wrap .type_pc > header {
    margin-bottom: 40px;
    height: 77px;
    background: #fff;
    border-bottom: 7px solid #458c2c;
}
#wrap .type_pc > header > .inner {
    padding: 18px 0;
    margin: 0 auto;
    width: 1200px;
}
#wrap .type_pc > .login_form {
    width: 700px;
    margin: 0 auto;
}
#wrap .type_pc > .login_form p.notice {
    position: relative;
    padding-left: 1.3em;
    font-size: 10pt;
    color: #f00;
}
#wrap .type_pc > .login_form p.notice:before {
    position: absolute;
    content: '※';
    left: 0;
}
#wrap .type_pc > .login_form p.notice:last-of-type {
    margin-bottom: 15px;
}
#wrap .type_pc > .login_form .entry_field {
    padding: 30px 10px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}
#wrap .type_pc > .login_form .entry_field p.title {
    margin: 0 0 15px 25px;
    font-size: 14pt;
}
#wrap .type_pc > .login_form .entry_field .form_group {
    display: flex;
}
#wrap .type_pc > .login_form .entry_field .form_group > .unit {
    padding: 10px 30px;
    flex-basis: 50%;
}
#wrap .type_pc > .login_form .entry_field .form_group > .unit:first-of-type {
    border-right: 1px solid #ccc;
}
#wrap .type_pc > .login_form .entry_field .form_group > .unit p.sttl {
    font-size: 10.5pt;
    font-weight: bold;
}
#wrap .type_pc > .login_form .entry_field .form_group > .unit p.item {}
#wrap .type_pc > .login_form .entry_field .form_group > .unit p.item:last-of-type {
    margin-bottom: 25px;
}
#wrap .type_pc > .login_form .entry_field .form_group > .unit p.item input.login_info {
    width: 280px;
}
#wrap .type_pc > .login_form .entry_field .form_group > .unit p.item > span.name_relate {
    width: 130px;
    display: inline-block;
}
#wrap .type_pc > .login_form .entry_field .form_group > .unit p.item > span.name_relate:first-of-type {
    margin-right: 10px;
}
#wrap .type_pc > .login_form .entry_field .form_group > .unit p.item > span.name_relate > input {
    width: 100%;
}
#wrap .type_pc > .login_form .entry_field .form_group > .unit p.item > span.notice {
    position: relative;
    padding-left: 1.3em;
    margin: 3px auto 10px;
    max-width: 450px;
    font-size: 9pt;
    color: #f00;
    display: block;
}
#wrap .type_pc > .login_form .entry_field .form_group > .unit p.item > span.notice:before {
    position: absolute;
    content: '※';
    left: 0;
}
#wrap .type_pc > .login_form .entry_field .form_group > .unit p.item label {
    margin-bottom: 1px;
    font-size: 9pt;
}
#wrap .type_pc > .login_form .entry_field .form_group > .unit p.item a.btn_remind {
    margin-top: 10px;
    font-size: 9pt;
    font-weight: bold;
    color: #ff6213;
    display: inline-block;
    text-decoration: underline;
}
#wrap .type_pc > .login_form .entry_field .form_group > .unit p.item a.btn_remind:hover {
    color: #ffb380;
}
#wrap .type_pc > .login_form .entry_field .form_group > .unit a.btn_login {
    padding: 10px 0;
    margin-top: 54px;
    width: 280px;
}
#wrap .type_pc > .login_form .entry_field .form_group > .unit a.btn_entry {
    padding: 10px 0;
    width: 280px;
}
#wrap .type_pc > .login_form .entry_field .form_group > .unit a.btn_next {
    color: #fff;
    background: #458c2c;
}
#wrap .type_pc > .login_form .policy_field {
  margin-top: 10px;
  width: 700px;
  font-size: 9pt;
  text-align: right;
}
#wrap .type_sp > header {
    padding: 30px 0 0;
    margin-bottom: 25px;
    text-align: center;
    border-top: 9px solid #458c2c;
}
#wrap .type_sp > .login_form {
    padding: 0 10px;
    margin: 0 auto;
}
#wrap .type_sp > .login_form p.notice {
    position: relative;
    padding-left: 1.3em;
    margin: 0 auto 10px;
    max-width: 450px;
    font-size: 9pt;
    color: #f00;
}
#wrap .type_sp > .login_form p.notice:before {
    position: absolute;
    content: '※';
    left: 0;
}
#wrap .type_sp > .login_form p.notice:last-of-type {
    margin-bottom: 15px;
}
#wrap .type_sp > .login_form p.notice > a {
    color: #f00;
    text-decoration: underline;
}
#wrap .type_sp > .login_form .entry_field {
    margin: 0 auto;
    max-width: 450px;
}
#wrap .type_sp > .login_form .entry_field ul.sign_tab {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: block;
}
#wrap .type_sp > .login_form .entry_field ul.sign_tab li {
    width: calc(100% / 2);
}
#wrap .type_sp > .login_form .entry_field ul.sign_tab li > a {
    padding: 10px 2px;
    font-size: 9pt;
    text-align: center;
    color: inherit;
    background: #e3e3e3;
    display: block;
}
#wrap .type_sp > .login_form .entry_field ul.sign_tab li:last-of-type > a {
    margin-right: 0;
}
#wrap .type_sp > .login_form .entry_field ul.sign_tab li.active > a {
    background: #fff;
}
#wrap .type_sp > .login_form .entry_field .tab-content {
    padding: 20px;
    font-size: 9pt;
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
}
#wrap .type_sp > .login_form .entry_field .tab-content p {}
#wrap .type_sp > .login_form .entry_field .tab-content p > span.name_relate {
    width: 45%;
    display: inline-block;
}
#wrap .type_sp > .login_form .entry_field .tab-content p > span.name_relate:first-of-type {
    margin-right: 10px;
}
#wrap .type_sp > .login_form .entry_field .tab-content p > span.notice {
    position: relative;
    padding-left: 1.3em;
    margin: 3px auto 10px;
    max-width: 450px;
    font-size: 8.5pt;
    color: #f00;
    display: block;
}
#wrap .type_sp > .login_form .entry_field .tab-content p > span.notice:before {
    position: absolute;
    content: '※';
    left: 0;
}
#wrap .type_sp > .login_form .entry_field .tab-content p:not(.opt_unit) label {
    margin-bottom: 1px;
    display: block;
}
#wrap .type_sp > .login_form .entry_field .tab-content p:not(.opt_unit) input {
    width: 100%;
}
#wrap .type_sp > .login_form .entry_field .tab-content span + p.opt_unit {
    margin-top: 8px;
}
#wrap .type_sp > .login_form .entry_field .tab-content p.opt_unit {
    text-align: right;
}
#wrap .type_sp > .login_form .entry_field .tab-content p a {
    color: #ff6213;
    font-weight: bold;
}
#wrap .type_sp > .login_form .entry_field .tab-content p a:focus,
#wrap .type_sp > .login_form .entry_field .tab-content p a:visited {
    color: #ffb380;
}
#wrap .type_sp > .login_form .entry_field .tab-content a.btn {
    padding: 10px 0;
    margin-top: 20px;
}
#wrap .type_sp > .login_form .entry_field .tab-content a.btn_next {
    color: #fff;
    background: #458c2c;
}
#wrap .type_sp > .login_form .policy_field {
  margin: 10px auto 0;
  max-width: 450px;
  font-size: 9pt;
  text-align: right;
}
#wrap .type_sp > .sp_remind {
    position: fixed;
    padding: 20px 20px 0;
    width: 100%;
    background: #fff;
    bottom: 0;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, .3);
    display: none;
}
#wrap .type_sp > .sp_remind p.lead {
    font-size: 9pt;
}
#wrap .type_sp > .sp_remind p:nth-of-type(2) {
    margin-bottom: 25px;
}
#wrap .type_sp > .sp_remind p label {
    margin-bottom: 1px;
    font-size: 9pt;
    display: block;
}
#wrap .type_sp > .sp_remind p input {
    width: 100%;
}
#wrap .type_sp > .sp_remind .btn_unit {
    margin: 0 -20px;
    display: flex;
}
#wrap .type_sp > .sp_remind .btn_unit > a {
    padding: 12px 0;
    font-size: 9.5pt;
    color: #fff;
    text-align: center;
    flex-basis: 50%;
}
#wrap .type_sp > .sp_remind .btn_unit > a:first-of-type {
    background: #999;
    border-right: 1px solid #fff;
}
#wrap .type_sp > .sp_remind .btn_unit > a:last-of-type {
    background: #ff8533;
    border-left: 1px solid #fff;
}

/*@media screen and (max-width:1366px) {
    #wrap .type_pc {
        display: none;
    }
    #wrap .type_sp {
        display: block;
    }
}
@media screen and (min-width:1366px) and (orientation: landscape){
    #wrap .type_pc {
        display: block;
    }
    #wrap .type_sp {
        display: none;
    }
}*/
/* modal  ---------- */
.modal-body p.lead {
    margin-top: 20px;
    font-size: 10.5pt;
}
.modal-body label {
    margin-bottom: 1px;
    display: block;
}
.modal-body input[type="email"] {
    width: 100%;
}