@charset "utf-8";

.l-container .title {padding:0 0 27px 0; margin-top:43px;}
.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; }
.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;}

.c-list {border-top:1px dotted #dddddd; margin:30px 0 0 0;}

.c-list .list-f {margin:25px 0 20px 0;}
.c-list .list-f .inputblock {display:flex; flex-direction:column;}
.c-list .list-f .inputblock label.name {font-size:15px; line-height:24px; color:#000000;}
.c-list .list-f .inputblock label.name {padding:0 0 5px 0; display:block;}
.c-list .list-f .inputblock input {width:calc(100% - 32px); height:49px; padding:0 15px; border:1px solid #cdcdcd; -webkit-appearance:none; -webkit-border-radius:0;}
.c-list .list-f .inputblock input {font-size:16px; line-height:49px; color:#999999;}
.c-list .list-f .inputblock input::placeholder {color:#999999;}
.c-list .list-f .inputblock.focus label.name {color:var(--color2);}
.c-list .list-f .inputblock.focus input {border-color:var(--color2);}
.c-list .list-f .inputblock.focus input {color:#000000;}
.c-list .list-f .inputblock.value:not(.focus) input {color:#666666;}

.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 {margin: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 */
.result {border-top:1px dotted #dddddd; margin:30px 0 0 0; padding:15px 0 0 0;}
.result .msg {padding:15px 0 0 0;}
.result .msg div {font-size:14px; line-height:1.5; color:#333333; text-align:center;}
.result .msg.focus {display:block;}

.result .item {border:1px solid #e4e4e4; width:calc(100% - 32px); padding:0 15px;align-items:center; text-align:center; margin:15px 0 0 0; background:#ffffff;}
.result .item ul {display:flex; flex-direction:column; align-items:center; padding:20px 0;}
.result .item ul li:nth-child(1) {font-size:14px; line-height:1.5; color:#333333;}
.result .item ul li:nth-child(2) {font-size:12px; line-height:1.5; color:#999999;}
.result .item ul li:nth-child(3) {margin-top:15px;}
.result .item ul li:nth-child(3) span {position:relative; cursor:pointer; display:inline-block; padding:0 20px; height:40px; background:#555555; vertical-align:middle; border-radius:3px;}
.result .item ul li:nth-child(3) span {font-size:13PX; line-height:38px; color:#ffffff;}

/*result-fail*/
.result .block {padding:15px 0 0 0; text-align:center; width:100%;}
.result .block ul li {font-size:14px; line-height:1.5; color:#333333; text-align:center;}
.result .block ul li {margin:0 auto;}
.result .block ul li a {display:inline-block; padding:0 20px; height:40px; background:#555555; border-radius:3px; margin:15px 0 0 0}
.result .block ul li a {font-size:13px; line-height:38px; color:#ffffff;}

.change .bg {width:100%; text-align:center;}
.change .bg .list-f ul li {font-size:14px; line-height:1.5; color:#333333; text-align:center;}
.change .bg .list-f ul li {margin:0 auto;}
.change .bg .list-f ul li a {font-size:13px; line-height:38px; color:#ffffff;}
.change .bg .list-f ul li a {display:inline-block; padding:0 20px; height:40px; background:#555555; border-radius:3px; margin:15px 0 0 0;}