@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 .c-list {border-top:1px solid #e4e4e4; margin:30px 0 0 0; padding:21px 0 8px 0;}
.c-list .list-f {margin-bottom:17px;}
.c-list .list-f ul li {display:flex; flex-direction:column;}
.c-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;}
.c-list .list-f ul li .tit {margin-bottom:6px;}
.c-list .list-f ul li .input {width:calc(100% - 2px); height:52px;}
.form .c-list .list-f ul li .name,
.form .c-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;}
.c-list .list-f ul li .name,
.c-list .list-f ul li .input input {height:50px;}
.c-list .list-f ul li .input input {padding:0 15px; width:calc(100% - 30px);}
.c-list .list-f ul li .name {left:15px;}

.c-list .list-f ul li .input.focus input {color:#000000;}
.c-list .list-f ul li .input.value:not(.focus) input {color:#333333;}

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

.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;}

.result {width:480px; margin:0 auto; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:25px 0 5px 0;}
.result .msg {margin-top:-5px;}
.result .msg div {font-size:16px; line-height:1.5; font-family: var(--family-regular);font-weight: var(--weight-regular); color:#333333; text-align:center;}
.result .msg div {margin-bottom:16px;}
.result .list {padding:0; margin-bottom:25px;}
.result .bg {padding:25px 20px 30px 20px; border:2px solid #e4e4e4; width:calc(100% - 44px); text-align:center;}
.result .list .list-f ul li:nth-child(1) {font-size:16px; line-height:1.5; font-family: var(--family-regular);font-weight: var(--weight-regular); color:#333333;}
.result .list .list-f ul li:nth-child(2) {font-size:13px; line-height:1.5; font-family: var(--family-light);font-weight: var(--weight-light); color:#999999;}
.result .list div ul li.btn {margin-top:16px;}
.result .list div ul li.btn span {font-size:16px; line-height:38px; font-family: var(--family-medium);font-weight: var(--weight-medium); color:#ffffff;}
.result .list div ul li.btn span {position:relative; display:inline-block; padding:0 15px; height:40px; border-radius:3px; background:#555555; cursor:pointer;}
.btn-home {font-size:18px; line-height:58px; font-family: var(--family-medium);font-weight: var(--weight-medium); color:#ffffff; text-align:center;}
.btn-home {display:block; height:60px; margin:30px 0 25px 0; cursor:pointer;}
.btn-home:hover {text-decoration:none;}

.change {margin:0 0 20px 0;}
.change .bg {padding:25px 20px 30px 20px; border:1px solid #e4e4e4; width:calc(100% - 44px); text-align:center;}
.change .bg .list-f ul li:nth-child(1) {margin-bottom:20px;}
.change .bg .list-f ul li span {font-size:16px; line-height:1.5; font-family: var(--family-regular);font-weight: var(--weight-regular); color:#333333;}
.change .bg .list-f ul li span {display:block;}
.change .bg .list-f ul li a {font-size:16px; line-height:38px; font-family: var(--family-medium);font-weight: var(--weight-medium); color:#ffffff;}
.change .bg .list-f ul li a {display:inline-block; margin:0 auto; padding:0 20px; border-radius:3px; background:#555555;}
.change .bg .list-f ul li a:hover {text-decoration:none;}
