@charset "utf-8";

.l-container .title {padding:43px 0 27px 0;}
.l-container .title span {display:block;}
.l-container .title span:nth-child(1) {font-size:24px; line-height:1.5; color:#1a1919;}
.l-container .title span:nth-child(1) {padding:0 0 15px 0;}
.l-container .title span:nth-child(2),
.l-container .title span:nth-child(3)  {font-size:12px; line-height:1.5; color:#8e8e8e;}
.l-container .title span a {color:var(--color2); cursor: pointer;}

.tabs {display:flex; flex-direction:row; align-items:center; justify-content:center; padding:0 0 30px 0;}
.tabs.type2 {display:none;}
.tabs .radio {width:calc(50% - 5px); text-align:center; height:52px;}
.tabs .radio:nth-child(1) {margin-right:5px;}
.tabs .radio:nth-child(2) {margin-left:5px;}
.tabs .radio label {font-size:16px; line-height:50px; color:#333333;}
.tabs .radio label {height:50px; background:#ffffff; border:1px solid #cccccc; width:calc(100% - 2px);}
.tabs .radio label:before {display:none;}
.tabs .radio label.focus {background:#000000; border-color:#000000; color:#ffffff;}

.list {border-top:1px dotted #dddddd; /*margin:30px 0 0 0;*/}
.list .msg {font-size:16px; line-height:1.5; color:var(--color2); text-align:center;}
.list .msg {margin:19px 0 27px 0;}
.list .list-f {margin:20px 0 20px 0;}
.list .list-f .inputblock {display:flex; flex-wrap:wrap; flex-basis:auto;}

.list .list-f .inputblock label.name {font-size:15px; line-height:24px; color:#000000;}
.list .list-f .inputblock label.name {margin:-5px 0 0 0; padding:0 0 5px 0; flex-basis:100%; display:block;}
.list .list-f .inputblock input {width:calc(100% - 32px); padding:13px 15px 14px 15px; border:1px solid #cdcdcd; -webkit-appearance:none; -webkit-border-radius:0;}
.list .list-f .inputblock input {font-size:16px; line-height:21px; color:#999999;}
.list .list-f .inputblock input::placeholder {color:#999999;}
.list .list-f .inputblock .help {font-size:13px; line-height:1.5; color:#999999;}
.list .list-f .inputblock .help,
.list .list-f .inputblock .help-view {padding:6px 0 0 0; margin:0 0 -3px 0;}
.list .list-f .inputblock .help-view span {font-size:13px; line-height:1.5;}
.list .list-f .inputblock .help-view .timer {color:#ee5251; margin-right:5px;}
.list .list-f .inputblock.focus label.name {color:var(--color2);}
.list .list-f .inputblock.focus input {border-color:var(--color2);}
.list .list-f .inputblock.focus input {color:#000000;}
.list .list-f .inputblock.value:not(.focus) input {color:#666666;}

.list .list-f .inputblock.t-btn input {flex-basis:calc(100% - 122px);}
.list .list-f .inputblock.t-btn .btn {cursor:pointer; padding:15px 0 17px 0; background:#555555; flex-basis:84px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; max-width:87px;  margin:0 0 0 5px;}
.list .list-f .inputblock.t-btn .btn {font-size:16px; line-height:18px; color:#ffffff; text-align:center;}

.list .list-f .inputblock [data-btn='hp-send'].complete {background:#eeeeee; color:#a4a4a4;}

.list .list-f .help {margin-top:10px;}

.l-container .submit {cursor:pointer; font-size:16px; line-height:50px; color:#ffffff; text-align:center;}
.l-container .submit {display:block; height:52px; margin:70px 0 0 0;}

.l-container .link {padding:25px 0 50px; text-align:center;}
.l-container .link a {display:inline-block; padding:0 15px 0 16px; position:relative;}
.l-container .link a {font-size:13PX; line-height:20px; color:#999999;}
.l-container .link a:nth-child(1) {padding:0 15px 0 15px;}
.l-container .link a:before {content:''; display:block; height:12px; width:1px; background:#e4e4e4; position:absolute; left:0; bottom:4px;}
.l-container .link a:nth-child(1):before {display:none;}

/* result */
.wrap .block {text-align:center; padding:25px 0 30px 0; border-top:1px dotted #dddddd;}
.wrap .block .msg {font-size:16px; line-height:1.5; color:#333333; text-align:center;}
.wrap .block .btn {cursor:pointer; display:inline-block; padding:0 20px; border-radius:3px; background:#555555; height:40px; margin:16px auto 0;}
.wrap .block .btn {font-size:16px; line-height:38px; color:#ffffff;;}