@charset "UTF-8";

#pagebody { padding-top:10%; }

.sso_contents_wrap { width:95%; padding:3%; box-sizing:border-box; margin:0 auto; background:#fdfcfc; border:1px solid #e4e4e4; border-radius:3px; }
.sso_contents_wrap:nth-last-of-type(1) { margin-top:40px; }
.sso_contents_inner { width:100%; box-sizing:border-box; padding-bottom:8%; position:relative; background:#fff; border:2px solid #e2e2e2; font-family:"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif; }
#kp-screen-err-002 .sso_contents_inner, #kp-screen-err-003 .sso_contents_inner, #kp-screen-err-004 .sso_contents_inner, #kp-screen-err-005 .sso_contents_inner, #kp-screen-err-001 .sso_contents_inner { padding-top:8%; }
#kp-screen-err-006 .sso_contents_inner, #kp-screen-err-009 .sso_contents_inner, #kp-screen-err-008 .sso_contents_inner { padding-top:8%; }
#kp-screen-login-001 .sso_contents_inner { padding-top:8%; padding-bottom:16%; }

.kp-mod-form-A01 .input-text-01, .kp-mod-form-A02 .input-text-01, .kp-mod-form-A03 .input-text-01, .kp-mod-form-B01 .input-text-01 { width:100%; box-sizing:border-box; border:1px solid #a3a3a3; background:#fff9e3; padding:3%; border-radius:0; }
.kp-mod-form-A01 .input-text-01:focus, .kp-mod-form-A02 .input-text-01:focus, .kp-mod-form-A03 .input-text-01:focus, .kp-mod-form-B01 .input-text-01:focus { background:#e3f5f3; border:1px solid #87d7c6; }

#kp-screen-login-001 .kp-heading-login { width:90%; display:block; font-size:100%; margin:8% 5% 0; text-align:center; }
#kp-screen-login-001 .kp-heading-login h2 { font-size:120%; text-align:center; display:inline-block; background:url(/jp/common/form/img/login_title_icon.gif) left 0.2em no-repeat; background-size:1em; padding-left:1.5em; line-height:160%; }

.pagetype_sso_UI .kp-mod-form-A03 { width:90%; margin:0 auto; text-align:left; background:#fff; }
.kp-mod-form-A03 tbody { padding-bottom:0; }
.pagetype_sso_UI .kp-mod-form-A03 .field-required { border-bottom:1px solid #ccc; display:block; }
.pagetype_sso_UI .kp-mod-form-A03 .field-required:nth-last-of-type(1) { border-bottom:0; text-align:center; }
.kp-mod-form-A03 td { width:100%; padding:7% 0; display:block; }
.pagetype_sso_UI .kp-mod-form-A03 .field-required:nth-last-of-type(1) td { padding-bottom:0; }
.kp-mod-form-A03 dl { margin:0; }
#kp-smp-login dt { font-size:110%; font-weight:bold; text-shadow:none; padding-bottom:0.5em; }
#kp-smp-login dt .form_text_min { font-size:90%; font-weight:normal; }
#kp-smp-login .form-control-guide { width:100%; }
#kp-smp-login dd:first-child p { margin-top:0; }
#kp-smp-login .form-control-guide p { font-size:90%; width:100%; color:#252525; text-align:left; display:block; }
#kp-smp-login .input-line label { border:0; text-align:left; margin-left:-5%; }

.kp-mod-submitbutton-A01 { width:90%; margin:2% auto; }
.kp-mod-submitbutton-A01.link_center { width:100%; text-align:center; margin-top:0; }
.kp-mod-submitbutton-A01.link_center.mt_5 { width:100%; text-align:center; margin-top:5%; }
.kp-mod-submitbutton-A01.link_center.mt_10 { width:100%; text-align:center; margin-bottom:10%; display:block; }
.kp-mod-submitbutton-A01 button { width:100%; box-sizing:border-box; padding:1em 0; font-size:130%; font-weight:bold; text-align:center; color:#fff; background:#00b48c; display:block; border:0; }
.kp-mod-submitbutton-A01 button:hover { opacity:0.7; }


.form_aside_link { font-size:14px; margin:5% auto 0; width:90%; font-family:"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif; }

.kp-mod-form-A01 .form-error-balloon, .kp-mod-form-A02 .form-error-balloon, .kp-mod-form-A03 .form-error-balloon, .kp-mod-form-B01 .form-error-balloon { background:#fff; }

#opcp_footer { width:100%; border-top:1px solid #ddd; padding-top:2.5%; }
#opcp_footer_wrap { width:100%; margin:0 auto; vertical-align:middle; }
.opcp_copyright { width:100%; margin:0 auto; }
.opcp_company { text-align:center; }
.opcp_company a { font-size:90%; color:#000; }
.opcp_company a:hover { color:#9a9a9a; }

.opcpSsoInput #loginInput .form_area { margin-top:0px; }
.opcp_form_text { width:90%; margin:0 auto; font-size:15px; line-height:180%; text-align:center; font-family:"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif; }

/* ログインエラー */
#kp-pageheader_title_smp { background:none; border:0;  }
#kp-pageheader_title_smp p { padding-bottom:0; }
#kp-screen-err-007 #kp-pagebody { /*margin-top:50px;*/ font-family:"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif; }
.kp-frametype-1col #kp-pagebody #kp-pagebody-content, .kp-frametype-1col-simple #kp-pagebody #kp-pagebody-content { min-height:0; padding:0; }
#kp-screen-err-001 .kp-heading-error, #kp-screen-err-002 .kp-heading-error, #kp-screen-err-003 .kp-heading-error, #kp-screen-err-004 .kp-heading-error, #kp-screen-err-005 .kp-heading-error, #kp-screen-err-006 .kp-heading-error, #kp-screen-err-007 .kp-heading-error, #kp-screen-err-008 .kp-heading-error, #kp-screen-err-009 .kp-heading-error { margin-left:0; }
.kp-mod-messagebox-A04 { padding:10%; line-height:180%; background:#fff; border:0; color:#333; }
.kp-mod-messagebox-A04 em { text-align:center; font-size:120%; line-height:180%; display:block; }

/* システムメンテナンス */
.kp-heading-error { display:none; }
#kp-screen-err-001 .kp-mod-messagebox-A04 p em { padding-bottom:5%; }
#kp-screen-err-008 .kp-mod-messagebox-A04 p, #kp-screen-err-009 .kp-mod-messagebox-A04 p { text-align:center; }
#kp-pagebody .kp-frame-content { padding-bottom:70px; }

.form-control-group.input-line { width:90%; margin:0 auto; }
.kp-mod-linklist-B01 li { width:90%; margin:0 auto; text-align:center; }
.kp-mod-linklist-B01 li a { padding-top:5%; display:block; }

#kp-home-important-info { width:100%; }
.kp-frametype-1col-simple .form-control-guide { display:block; padding-top:0.5em; }
#kp-screen-login-001 .form-control-guide { display:block; padding-top:0.5em; }


.error-message-content { display:block; padding:0.5em 0; color:#f00; }

#kp-home-important-info { display:none; }

#errorMail, #errorPass1_1, #errorPass1_2, #errorPass2_1, #errorPass2_2, #errorPass2_3 { padding-bottom:0.5em; color:#f00; }

/* 緊急メッセージ表示 */
#form_message_wrap { width:90%; margin:4% auto 8%; color:#f00; line-height:180%; text-align:center; }