/* サイト固有スタイル（調整用スタイル）*/
* { margin:0; padding:0; }
p.notes { text-align: center; font-size: 90%; margin-bottom: 20px; }
h2 { margin-bottom:1.5em; }
h2 span { display: inline-block; margin: 0px 10px; font-size: 120%; }
h2 span:first-child { margin-left: 0px; }
h2 span.current { background: #7b7b7b; color: #fff; font-weight: normal; height: 30px; line-height: 30px; padding: 0 .6em; border-radius: 4px; font-size: 120%; }
.lead-form { min-width:unset; }
.lead-form #wrapper { width: 100%; max-width: 900px; margin: auto; min-width: 300px; }
.lead-form #wrapper .company-logo { text-align:center; padding:.5em 0; border-bottom: 2px solid #7b7b7b; margin-bottom:1em; }
.lead-form #wrapper .company-logo img { max-width:200px; }
.lead-form h1 { font-size: 2.4rem; font-weight: 700; line-height: 1.4; margin-bottom: 10px; }
.lead-form h2.step { clear: both; margin: 20px auto; font-size: 90%; }
.lead-form h2 span, .lead-form h2 span.current { font-size: 14px; }
.lead-form .l-form h2 { margin-bottom:1em; }
.lead-form .l-form .m-supplement { background: #f5f5f5; border:none; padding: 1em; border-radius: 8px; color: #222; }
#main-column { padding:0 20px; }
div#lead { padding:0 1em; }
div#lead span.required { display: inline-block; width: 30px; height: 16px; text-indent: -9999px; background-image: url(data:image/gif;base64,R0lGODdhHgAQAPUAAOZDIuhSNfKklP3x7+xoTu55Yu+EbvjQyP308fCQfepiR/WxpPjOxvW2qfzo5frh3f749/729fa6r+phRupmS/SpmvGZh+lZPfWuoPCRfvKhke5/afKikvGYhuxqUO11XffBt+6Aavra1OhTNvnX0PfHvvnWz+pjSO1yWvrc1vWypfW0p/GVgu+JdfGciudIKOhNLuQuCeUyD/KgkOU4Ff///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjA5NTlDOTg0REREN0UxMTE4QjMzOUFEOEEwNDVBNzFCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc5REUzQTA3RDgwRjExRTE5QTgyQTM1OEYwMUM5QjQzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc5REUzQTA2RDgwRjExRTE5QTgyQTM1OEYwMUM5QjQzIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBBNTlDOTg0REREN0UxMTE4QjMzOUFEOEEwNDVBNzFCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA5NTlDOTg0REREN0UxMTE4QjMzOUFEOEEwNDVBNzFCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAALAAAAAAeABAAAAb/wEhLQSwaj0jFZEJsRQyoTGdKrVqv08TnMmwlWuCweEz2eikjzzjxYMxanZV4JpKU7ncBGBVQbP5/LSUOAyUMDoAzAw8lD4QPIgt/KC8XBZcflxgWmxESly0ODAlsDhEPKRmXEwAvKK8oenUoKRAiBa9gAwcQEg0SCBmvLzQyMBMEHg4rkRgRHBAayR2LHbYkJBAJJwEy3t8KER4MDxAVNA8SNAAPGi8FNSLyAyjfMjH4MjMOMSYRCwA2LHiAD5+JARBYSIEwoaDDGBcwlICgAiKCBPxiyKgwIESNGhBqDBjxsGCLAYsegHjwgAbJGCUGuJAAwQWNRShK4gPwIcYGIRAlQFxwKACAjBUvYwhIqrOpU533nkotCWAAgKlYNT4IAgA7); vertical-align: text-top; }
div#lead  { border-bottom:1px solid #7b7b7b; padding-bottom:30px; margin-bottom:30px; }
div#lead .control-label { text-align: left; }
div#lead label { padding-top: 0px; font-size: 120%; box-sizing: border-box; }
div#lead .form-group label { font-weight: bold; }
div#lead label.col-xs-3 { position: relative; padding-left: 1.5em; line-height: 1.5; width: 100%; display:block; }
div#lead label.col-xs-3::before { content: ""; display: block; width: 1em; height: 1em; background: #7b7b7b; position: absolute; left: 0; top: 3px; }
div#lead form input.focused:invalid, div#lead form select.focused:invalid, div#lead form textarea.focused:invalid { border-color: #ed4a45; }
div#lead form input.focused:focus, div#lead form select.focused:focus, div#lead form textarea.focused:focus { border-color: #676768; }
.lead-form .row { width: 100%; margin-bottom:30px; }
.lead-form .row:last-child { margin-bottom:0; }
.lead-form form .btn { height: auto; text-decoration: none; max-width: 300px; padding: 15px 30px; background-color: #7b7b7b; color: #fff; font-size: 120%; font-weight:bold; line-height: 1.6rem; text-align: center; cursor: pointer; border-radius: 3px; border-radius: 100vh; color:#FFF!important; margin: 0 0.5em; }

input[type=date], input[type=text], input[type=email], textarea, select { cursor:unset; width: 100%; margin: 4px 0px; padding: .5em; text-align: left; box-sizing: border-box; font-family: Hiragino Sans,"ヒラギノ角ゴシック",Arial,Roboto,“Droid Sans”,“游ゴシック”,YuGothic,“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”,“メイリオ”,Meiryo,sans-serif; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #676768; }

.row div.error-message { color: #ed4a45; font-weight: bold; text-align: center; margin-bottom:30px; }
.row div.btn_area { text-align: center; margin:0; }
.row a { display: inline-block; float: none; position: relative; }
.form-group { margin-bottom: 20px; }
form textarea { height: 10em; }
.lead-form form .btn.btn-warning { cursor: not-allowed; background: #CCC; }
.m-lead-footer { background-color: #FFF; padding: 20px 0; }
.m-lead-footer__copylight, .m-lead-footer__notes { font-size: 1.4rem; text-align: center; }
.c-agreement__text { overflow-y: scroll; height: 10em; border: 1px solid #797979; padding: 1em; box-sizing: border-box; border-radius:4px; margin-bottom:1em; }
.u-font__bold { font-weight:bold; }
.c-agreement__text p { margin-bottom:1em; }
.c-agreement__text a { color: #0075c2; }
.c-agreement__text .u-txt-indent__1em { padding-left:1em; text-indent:-1em; }
.c-agreement__text ul { list-style-type: disc; }
.c-agreement__text ol { list-style-type: decimal; }
.c-agreement__text ul, .c-agreement__text ol { margin-bottom: 30px; padding-left: 20px; }
input#agreement { margin-right:.5em; }
input[ref=zip] { width: 160px; }
button[name=zip] { padding: 0.25em .5em; text-align: center; text-decoration: none; color: #FFF; background: #9a9a9a; font-size: 90%; border-radius:4px; }
input[type=date] { width: 10em; }
.m-not-allowed { padding: 30px 1em; border-radius: 8px; background-color: #f5f5f5; margin: 60px auto 0; text-align: center; color: #222; width: 90%; max-width: 640px; }
.m-back2home { margin-top:1.5em; }
label.radio, label.checkbox { display: block; padding-left: 1em; text-indent: -1em; }
input[type=checkbox], input[type=radio] { margin-right:5px; }

.login { text-align: center; margin-bottom: 1em; background: #f5f5f5; padding: 1em; border-radius: 8px; color:#222; }

div#lead form input.disabled { pointer-events : none; background: #efefef; cursor:not-allowed; opacity:.5; }
div#lead form button.disabled { cursor:not-allowed; }
div#lead .form-horizontal .control-label { font-size: 1.6rem; font-weight: 700; position: relative; margin-bottom: 10px; align-items: center; }
.m-upload { text-align:center; }

.--warning { background-color: #ffeae8!important; border:1px solid #e35d6a!important; color:#e35d6a!important; font-weight:700; }

/* footer */
footer { }

/* file-upload */
.m-heading { font-size: 2.4rem; }
.l-form { padding: 20px; margin-bottom:50px; }
.img-explain { margin-bottom:2em;}
.m-form-files { display: flex; margin-bottom:3em; }
.m-form-files__addbtn { cursor: pointer; max-width: 140px; font-size: 1.4rem; font-weight: 700; }
.m-files { border: 1px solid #b7b7b7; padding: 1em 2em 2em; width: 100%; }
.m-files-item { display: none; padding: 1em 0; margin-bottom:1em; border-bottom: 1px solid #b7b7b7 }
.m-files-item.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; justify-content: space-between; }
.m-files-item.is-active:last-of-type { border: none; }
.m-files-item__body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; margin-left: 5px; width:calc(100% - 180px); }
.m-files-item__button { display: inline-block; overflow: hidden; position: relative; padding: 0.5em; color: #fff; width: 130px; text-align: center; border-radius: 4px; background: #222; font-size: 1.4rem; font-weight: 700; }
.m-files-item__button input[type="file"] { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; cursor: pointer; }
.m-files-item input { background:#FFF; border-radius: 2px; border: 1px solid #ccc; width:100%; font-size:1.6rem; }
.m-files-item input[type="text"] { margin-top: 5px; padding: 5px; }
.article-body img.m-files-item__thumbnail { max-width: 150px; margin-bottom: 10px; }
.c-message { display:none; line-height: 1.5; margin:40px 20px; padding: 20px; letter-spacing: .9px; border: 1px solid #b7b7b7; background-color: #f5f5f5; }
.c-message.--warning { margin-bottom: 0!important; }

.--gray:hover { background-color: #8e8e8f!important; opacity:.7; color:#FFF!important; }

/***** SP-CSS *****/
.device-sp .article-body img.m-files-item__thumbnail { max-width: 80px; }
.device-sp .l-form { padding:0; }
.device-sp .m-files { padding: .5em; }
.device-sp .m-files-item { padding:0; }
.device-sp .row div.error-message { text-align:left; }
.device-sp .m-files-item__body { width:calc(100% - 100px); }
.device-sp .js-message.c-message { margin: 0 0 1em!important; }
.device-sp .btn_area { display: flex; justify-content: center; }
.device-sp .btn_area .btnSubmit { padding: 15px 20px; }