@charset "utf-8";

.l-container .title span:nth-child(2) {margin-bottom:2px;}
.l-container .title span:nth-child(3) {margin-bottom:3px;}
.l-container .title span:nth-child(3) > span {font-size:12px; line-height:1.4; font-family: var(--family-light);font-weight: var(--weight-light); color:var(--color2);}
.l-container .title span:nth-child(3) > span {display:inline-block; cursor:pointer; position:relative;}
.l-container .title span:nth-child(3) > span:before {content:''; display:block; width:100%; height:1px; background:var(--color2); position:absolute; left:0; top:18px; opacity:0;}
.l-container .title span:nth-child(3) > span:hover:before {opacity:1;}

.l-container .form .tabs {display:flex; flex-direction:row; align-items:center;}
.l-container .form .tabs .radio {width:100%;}
.l-container .tabs.type2 {display:none;}
.l-container .tabs .radio label {font-size:18px; line-height:51px; font-family: var(--family-medium);font-weight: var(--weight-medium); color:#333333; text-align:center;}
.l-container .tabs .radio label {width:calc(100% - 7px); height:53px; border:1px solid #cccccc; background:#ffffff;}
.l-container .tabs .radio:nth-child(2) label {margin-left:5px;}
.l-container .tabs .radio label.focus {color:#ffffff;}
.l-container .tabs .radio label.focus {background:#000000; border-color:#000000;}

.l-container .list {border-top:1px solid #e4e4e4; margin:30px 0 0 0; padding:21px 0 8px 0;}
.list .list-f {margin-bottom:17px;}
.list .list-f ul li {display:flex; flex-direction:column;}
.list .list-f ul li.type2 {display:block;}
.list .list-f ul li .tit {font-size:15px; line-height:1.4; font-family: var(--family-regular);font-weight: var(--weight-regular); color:#000000;}
.list .list-f ul li .tit {margin-bottom:6px;}
.list .list-f ul li .input {width:calc(100% - 2px); height:52px;}
.form .list .list-f ul li .name,
.form .list .list-f ul li .input input {font-size:16px; line-height:50px; font-family: var(--family-light);font-weight: var(--weight-light); color:#999999;}
.list .list-f ul li .name,
.list .list-f ul li .input input {height:50px;}
.list .list-f ul li .input input {padding:0 15px; width:calc(100% - 30px);}
.list .list-f ul li .name {left:15px;}

.list .list-f ul li.type2 .tit {display:block;}
.list .list-f ul li.type2 .input {display:inline-block; width:calc(100% - 138px);}
.list .list-f ul li.type2 .btn {font-size:16px; line-height:52px; font-family: var(--family-medium);font-weight: var(--weight-medium); color:#ffffff;}
.list .list-f ul li.type2 .btn {display:inline-block; height:54px; background:#555555; padding:0 15px; margin-left:10px; max-width:128px; cursor:pointer;}
.list .list-f ul li.type2 .input,
.list .list-f ul li.type2 .btn {vertical-align:middle;}
.list .list-f ul li.type2 .btn.ok {background:#eeeeee; color:#a4a4a4; border-top:0;}

.list .list-f ul li .input.focus input {color:#000000;}
.list .list-f ul li .input.value:not(.focus) input {color:#333333;}
.list .list-f ul li .help {margin:10px 0 -3px 0;}
.list .list-f ul li .help span {font-size:16px; line-height:1.5; font-family: var(--family-light);font-weight: var(--weight-light); color:#555555;}

.list .list-f ul li .help .no,
.list .list-f ul li .help .ok {font-size:16px; line-height:1.5; font-family: var(--family-light);font-weight: var(--weight-light);}
.list .list-f ul li .help .no svg,
.list .list-f ul li .help .ok svg {width:20px; height:14px; margin-right:5px;}

.list .list-f ul li .help .no,
.list .list-f ul li .help .no svg polygon {color:#ef4f4e; fill:#ef4f4e;}
.list .list-f ul li .help .ok,
.list .list-f ul li .help .ok svg polygon {color:#00c73b; fill:#00c73b;}

.list .list-f ul li .help-view {margin:10px 0 10px 0; padding:0 0 10px 0;}
.list .list-f ul li .help-view span {font-size:16px; line-height:1.5; font-family: var(--family-light);font-weight: var(--weight-light); color:#555555;}
.list .list-f ul li .help-view .timer {margin-right:5px;}
.list .list-f ul li .help-view .timer,
.list .list-f ul li .help-view .timer > span {color:#ee5251;}

.submit {border-top:1px solid #e4e4e4; padding:30px 0 0 0; cursor:pointer;}
.submit span {display:block; background:#eeeeee; height:54px; width:100%;}
.submit span {font-size:16px; line-height:52px; font-family: var(--family-medium);font-weight: var(--weight-medium); color:#a4a4a4; text-align:center;}
.submit.active span {background:var(--color2); color:#ffffff;}

.link-list {display:flex; flex-direction:row; justify-content:center; align-items:center; margin-top:6px;}
.link-list a {font-size:13px; line-height:1.5; font-family: var(--family-light);font-weight: var(--weight-light); color:#555555;}
.link-list a {padding:15px; position:relative;}
.link-list a:before {content:''; display:block; width:1px; height:12px; background:#e4e4e4; position:absolute; bottom:calc(50% - 6px); left:0;}
.link-list a:nth-child(1):before {display:none;}
.link-list a:after {content:''; display:block; width:calc(100% - 30px); height:1px; background:var(--color2); position:absolute; left:15px; bottom:8px; opacity:0;}
.link-list a:hover {color:var(--color2); text-decoration:none;}
.link-list a:hover:after {opacity:1;}

.form .msg div {font-size:18px; line-height:1.5; font-family: var(--family-medium);font-weight: var(--weight-medium); color:var(--color2); text-align:center;}
.form .msg {border-top:1px solid #e4e4e4; padding:26px 0 0 0;}

.form .password-wrap {text-align:center;}
.form .password-wrap .msg div span {font-size:16px; line-height:1.5; font-family: var(--family-regular);font-weight: var(--weight-regular); color:#333333;}
.form .password-wrap .msg div span {display:block;}
.form .password-wrap a {font-size:18px; line-height:38px; font-family: var(--family-medium);font-weight: var(--weight-medium); color:#ffffff;}
.form .password-wrap a {display:inline-block; margin:20px auto 30px; padding:0 20px; background:#555555; border-radius:3px;}

.form .re-submit {
    display: block;
    border-top: 1px solid #e4e4e4;
    padding: 30px 0 0 0;
    cursor: pointer;
    text-align: center;
}

.form .re-submit .button {
    text-decoration: none;
    background-color: var(--color2);
    display: block;
    height: 60px;
    line-height: 58px;
    font-size: 18px;
    font-family: var(--family-medium);font-weight: var(--weight-medium);
    color: #ffffff;
    text-align: center;
}