@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------*/
/* クラウドライト版 スタイルシート */
/*--------------------------------------------------------------*/

    body {
        background-color: #FFFFFF;
        font-family: 'Noto Sans JP', sans-serif;
    }
    
    .main {
        background-color: #fdf5e6;
        width: 500px;
        height: 625px;
        margin: 3em auto;
        border-radius: 1.5em;
        box-shadow: 0px 11px 40px 2px rgba(0, 0, 0, 0.02);
    }
    
    .sign {
        padding-top: 25px;
    }

	.userhd{
	    margin-left: 46px;
	    font-family: 'Noto Sans JP', sans-serif;

	}

	.kanrihd{
	    margin-left: 10px;
	    font-family: 'Noto Sans JP', sans-serif;
		color:#FFFFFF;
	}

    .userid {
    width: 76%;
    color: rgb(38, 50, 56);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    background: rgba(255 , 250 , 250);
    padding: 10px 20px;
    border: none;
    border-radius: 20px;
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.18) !important;
    margin-left: 46px;
    text-align: center;
    margin-bottom: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    }
    
    form.form1 {
        padding-top: 5px;
    }
    
    .pass {
            width: 76%;
    color: rgb(38, 50, 56);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    background: rgba(255 , 250 , 250);
    padding: 10px 20px;
    border: none;
    border-radius: 20px;
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.18) !important;
    margin-left: 46px;
    text-align: center;
    margin-bottom: 17px;
    font-family: 'Noto Sans JP', sans-serif;
    }
    
   
    .userid:focus, .pass:focus {
        border: 2px solid rgba(230 , 230 , 250 ) !important;
        
    }
    .fontnoto{
    font-family: 'Noto Serif JP', sans-serif;

	}
    
    .kanri {
        color: #808080;
        padding-top: 15px;
    font-family: 'Noto Sans JP', sans-serif;

    }
    
    a {
        color: #808080;
        text-decoration: none
    font-family: 'Noto Sans JP', sans-serif;

    }
    
/* -- 以下チェックボックス用 */
label {
    cursor: pointer;
	    margin-left: 46px;

}

.checkArea{
    margin-bottom: 27px;

}

.checkArea input[type="checkbox"] {
  cursor: pointer;
  width         : 16pt;        /* 大きさ：横 */
  height        : 16pt;        /* 大きさ：縦 */
  vertical-align: top;         /* 並び位置   */
}
 /* --- チェックボックス直後のlabel --- */
.checkArea input[type="checkbox"] + label {
  cursor        : pointer;                    /* カーソル設定 */
  transition    : .2s;                        /* なめらか変化 */
}
 /* --- チェックボックス直後のlabelにマウスが乗った --- */
.checkArea input[type="checkbox"] + label:hover {
  background    : rgba(255, 255, 255, 0.40);     /* lebelの背景 */
} 

/* チェックボックス用ここまで */

/*----------------------------------------------------------------*/
/* ライセンスの有効化 STEP1 */
/*----------------------------------------------------------------*/

/* ライセンスの有効化のラジオボタン */
input[type=radio] {
    display: none;
}
.radio_btn {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}
.radio_btn::before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.radio_btn::after {
    background: #00cccc;
    border-radius: 50%;
    content: '';
    display: block;
    height: 8px;
    left: 10px;
    margin-top: -3px;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 8px;
}
input[type=radio]:checked + .radio_btn::before {
    border-color: #666;
}
input[type=radio]:checked + .radio_btn::after {
    opacity: 1;
}

.form_center {
	margin: 16px auto;
	text-align: center;
	display: block;
}
.form_center .text_leftb {
	text-align: left;
	display: inline-block;
}