@charset "utf-8";

.l-container .form {margin: 0 auto; width:480px;}

.l-container .title {margin:-5px 0 0 0;}
.l-container .title span {display:block;}
.l-container .title span:nth-child(1) {font-size:36px; line-height:1.2; font-family: var(--family-bold);font-weight: var(--weight-bold); color:#000000;}
.l-container .title span:nth-child(1) {padding:0 0 25px 0;}
.l-container .title span:nth-child(2) {font-size:12px; line-height:1.4; font-family: var(--family-light);font-weight: var(--weight-light); color:#666666;}

.l-container .tabs {margin:28px 0 0 0;}
.l-container .tabs .block ul {display:flex; flex-direction:row; justify-content:center; align-items:center;}
.l-container .tabs .block ul li {width:calc(50% - 5px); height:55px;}
.l-container .tabs .block ul li:nth-child(1) {margin-right:10px;}
.l-container .tabs .block ul li label {width:calc(100% - 2px); border:1px solid #cccccc; background:#ffffff; height:53px; text-align:center;}
.l-container .tabs .block ul li label:before {display:none;}
.l-container .tabs .block ul li label span {display:inline-block; width:calc(100% - 32px); margin:0 auto;}
.l-container .tabs .block ul li label span {font-size:18px; line-height:51px; font-family: var(--family-regular);font-weight: var(--weight-regular); color:#333333;}
.l-container .tabs .block ul li label.focus {border-color:#000000; background:#000000;}
.l-container .tabs .block ul li label.focus span {color:#ffffff;}

.tab-container {border-top:1px solid #e4e4e4; margin-top:30px; padding-top:5px;}
.tab-container .name {font-size:15px; line-height:1.4; font-family: var(--family-regular);font-weight: var(--weight-regular); color:#000000;}
.tab-container .name {display:block; margin:17px 0 6px 0;}
.tab-container .input {width:calc(100% - 2px); height:52px;}
.tab-container .input input {font-size:16px; line-height:50px; font-family: var(--family-light);font-weight: var(--weight-light); color:#999999;}
.tab-container .input input {padding:0 15px; width:calc(100% - 30px); height:52px;}
.tab-container .input input::placeholder {color:#999999;}
.tab-container .input.focus input {color:#000000;}
.tab-container .input.value:not(.focus) input {color:#666666;}

.tab-container .block {display:flex; flex-direction:row;}
.tab-container .block .input {width:calc(100% - 127px);}
.tab-container .block .btn-certify {margin-left:10px; padding:0 14px; width:90px; flex-basis:90px; height:54px; background:#555555; cursor:pointer;}
.tab-container .block .btn-certify {font-size:16px; line-height:54px; font-family: var(--family-regular);font-weight: var(--weight-regular); color:#ffffff;}
.tab-container .help-view {margin:27px 0 -3px 0;}
.tab-container .hp-code .help-view {margin:9px 0 -4px 0;}
.tab-container .help-view span {font-size:16px; line-height:1.5; font-family: var(--family-light);font-weight: var(--weight-light); color:#555555;}
.tab-container .help-view .timer,
.tab-container .help-view .timer span {color:#ee5251;}
.tab-container .block .btn-hp-send.unactive {background:#eeeeee; color:#a4a4a4; cursor:none;}
.tab-container .hp-code {display:none;}
.tab-container .hp-code.active {display:block;}

.tab-container .btn-submit {margin:25px 0 0 0; padding:30px 0 0 0; border-top:1px solid #e4e4e4;}
.tab-container .btn-submit span {display:block; background:var(--color2);/*#eeeeee*/; height:60px; cursor:pointer;}
.tab-container .btn-submit span {font-size:18px; line-height:58px; font-family: var(--family-medium);font-weight: var(--weight-medium); color:#ffffff/*a4a4a4*/; text-align:center;}
.tab-container .btn-submit.active span {background:var(--color2); color:#ffffff;}





.l-container .result-msg-ok{position:relative; display:inline-block; vertical-align:top; color:#00c73b;}
.l-container .result-msg-ok svg {width:15px; height:10px; fill:#00c73b; padding:0 5px 0 0;}
.l-container .result-msg-no {position:relative; display:inline-block; vertical-align:top; color:#ef4f4e;}
.l-container .result-msg-no svg {width:15px; height:10px; fill:#ef4f4e; padding:0 5px 0 0;}