@charset "UTF-8";
/* パスワード強度表示 */
div.form-ladduser__item.form-ladduser__password #pm-indicator { overflow: visible; line-height: 1.5; }

/* DNSチェックモーダル */
.dnsCheckModal { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 440px; background: #FFFFFF; border-radius: 28px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); padding: 24px; box-sizing: border-box; z-index: 10000; }

.dnsCheckModal.mobile { width: 90%; max-width: 440px; }

.dnsCheckModal__message { font-family: 'Helvetica Neue', sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; color: #333333; margin-top: 0; margin-bottom: 24px; }

.dnsCheckModal__message #emailDomain { font-weight: 700; }

.dnsCheckModal__buttons { display: flex; justify-content: flex-end; gap: 12px; }

.dnsCheckModal__button { display: flex; justify-content: center; align-items: center; width: 48%; height: 40px; border-radius: 100px; font-family: 'Helvetica Neue', sans-serif; font-weight: 700; font-size: 14px; line-height: 140%; cursor: pointer; text-align: center; border: none; }

.dnsCheckModal__confirm { background: none; color: #08599D; width: 136px; }

.dnsCheckModal__cancel { background: #08599D; color: #FFFFFF; width: 104px; padding: 0 24px; }

.dnsCheckModalOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; }

.container .nav .pc-nav a img { width: 432px; }

.container .nav .sp.sp_logo a img { width: 263px; max-width: none; }

.wrapper .c-alert.alert-error { color: #c63031; background: transparent; border-style: none; padding: 0; }

.wrapper .contents .sadduser-sns-certification { margin-bottom: 40px; }

.wrapper .contents .sadduser-sns-certification .ttl--certification { margin-top: 0; }

.wrapper .ico-require { color: #fff; background: #c63031; padding: 4px 8px; font-size: 12px; font-weight: 400; line-height: 1; -webkit-user-select: none; user-select: none; border-style: none; border-radius: 12px; }

.wrapper .form-ladduser { display: flex; flex-direction: column; gap: 30px; }

.wrapper .form-ladduser__title { margin: 0; display: flex; align-items: center; justify-content: flex-start; gap: 4px; }

.wrapper .form-ladduser__item { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 4px; margin-bottom: 0; }

.wrapper .form-ladduser__item .form-ladduser__titleWrap { margin-bottom: 0; }

.wrapper .form-ladduser__item .form-ladduser__inputWrap { width: 100%; }

.wrapper .form-ladduser__item .help-block#pm-indicator { margin-top: 16px; height: auto; }

.wrapper .form-ladduser__item.form-ladduser__password .errMsg:first-child { margin-top: 4px; }

.wrapper .form-ladduser__item .note.sadduser { font-size: 12px; }

.wrapper .form-ladduser__item .form-ladduser__show-password:after { top: 12px; bottom: auto; }

.wrapper .form-ladduser__item.form-ladduser__password .form-ladduser__inputWrap { position: relative; }

.wrapper .reason { margin-bottom: 0; height: 48px; }

.wrapper input[type="text"], .wrapper input[type="email"], .wrapper input[type="password"] { padding: 11.5px 15px; height: 48px; font-size: 16px; margin-bottom: 0; }

.wrapper input[type="text"]::placeholder, .wrapper input[type="email"]::placeholder, .wrapper input[type="password"]::placeholder { color: #d5d5d5; }

.wrapper .checkbox:checked + .checkbox-icon { background: #0172C2; border-color: #0172C2; }

.wrapper .form-ladduser__recruiting-year ul.sadduser, .wrapper .form-ladduser__recruiting-year ul.c-recruiting-year__standard { width: 100%; }

.wrapper .form-ladduser__recruiting-year ul.sadduser .term, .wrapper .form-ladduser__recruiting-year ul.c-recruiting-year__standard .term { margin-top: 0; }

.wrapper .form-ladduser__recruiting-year ul.sadduser .term:last-child, .wrapper .form-ladduser__recruiting-year ul.c-recruiting-year__standard .term:last-child { margin-bottom: 0; }

.wrapper .form-ladduser__recruiting-year ul.sadduser .term.current, .wrapper .form-ladduser__recruiting-year ul.c-recruiting-year__standard .term.current { border: 2px solid #0172C2; }

.wrapper .form-ladduser__recruiting-year ul.sadduser .term.current:before, .wrapper .form-ladduser__recruiting-year ul.sadduser .term.current .choose:before, .wrapper .form-ladduser__recruiting-year ul.c-recruiting-year__standard .term.current:before, .wrapper .form-ladduser__recruiting-year ul.c-recruiting-year__standard .term.current .choose:before { background-color: #0172C2; border: 1px solid #0172C2; }

.wrapper .form-ladduser__recruiting-year #err_hireyear { height: 0; overflow: hidden; color: transparent; margin-top: -4px; }

.wrapper .form-ladduser__recruiting-year .chkyear.err + #err_hireyear + ul.sadduser .term, .wrapper .form-ladduser__recruiting-year .chkyear.err + #err_hireyear + ul.c-recruiting-year__standard .term { border-color: #c63031; }

.wrapper .form-ladduser__recruiting-year #err_hireyear_copy { color: #c63031; font-size: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, sans-serif; margin: 0; display: none; }

.wrapper .form-ladduser__recruiting-year .chkyear.err + #err_hireyear + ul.sadduser + #err_hireyear_copy, .wrapper .form-ladduser__recruiting-year .chkyear.err + #err_hireyear + ul.c-recruiting-year__standard + #err_hireyear_copy { display: block; }

.wrapper input[type="text"].err.chkrequired, .wrapper input[type="email"].err.chkrequired, .wrapper input[type="password"].err.chkrequired { background-color: #ffefed; border-color: #c63031; border-width: 2px; padding: 10.5px 14px; }

.wrapper .select__ext { border-radius: 7px; }

.wrapper .select__ext.err { border-width: 2px; padding: 5px 11px; }

.wrapper .fixed .formErrorContent { width: 100%; padding: 0; margin-top: 0; border-radius: 0; }

.wrapper .errMsg { margin-left: 0; padding-bottom: 0; display: block; line-height: 1.4; text-indent: 0; font-size: 12px; font-weight: normal; white-space: pre-line; }

.wrapper #pamrk_agree_label { width: 100%; padding: 4px; margin: 30px 0 4px 0; text-indent: 0; font-size: 14px; }

.wrapper.mobile .form-ladduser__item .form-ladduser__show-password:after { top: 7px; }

.wrapper.mobile .form-ladduser__recruiting-year ul.sadduser .term, .wrapper.mobile .form-ladduser__recruiting-year ul.c-recruiting-year__standard .term { margin-bottom: 16px; }
