/*****************全体***********************/
body {
	padding: 0px;
	min-width:900px;
	height: 100%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",apple-system,BlinkMacSystemFont,sans-serif;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;/*ChromeSafari*/
	-ms-text-size-adjust: 100%;/*EgdeMobile*/
	-moz-text-size-adjust: 100%;/*firefox*/
}

button {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",apple-system,BlinkMacSystemFont,sans-serif;
}
/** メイン背景色 */
.orange_background_color{
	background-color: #4653a2;
}
/** メインカラー */
.orange_color{
	color: #453BA7;
}
/** サブー背景色 */
.pink_background_color{
	background-color: #9BC2E6;
}
/** 背景 */
.riceWhite_background_color{
	background-color: #edeff7;
}
/** 文字色① */
.black_font_Color{
	color: #000000;
}
/** 文字② */
.font_Color{
	color: #FFFFFF;
}

/** 枠線① */
.tan_gridlines_color{
	border:1px solid #C0B2A4;
}

/** 枠線② */
.gray_gridlines_color{
	color: #A9A9A9;
}
/** 差し色 */
.green_gridlines_Color{
	color: #4F961E;
}
/** 入力ボックスのスタイル */
.inputClass{
	height: 30px;
}

/** 利用規約に同意する */
.agreeTermsSize{
	font-size: 16px;
}
/** ボタンのスタイル */
.buttonClass {
	width: 220px;
	height: 50px;
	background-color: white;
	color: #453BA7;
	border: 1px solid #453BA7;
	margin-bottom: 1px;
	margin-top: 20px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

/** 項目を赤色で塗りつぶし */
input.error{
	padding: 1px 2px;
	border: 1px solid red !important;
}
/*****************全体***********************/

/*****************画面の頭*******************/
/** 最初の行 */
.header_first_line{
	width:100%;
	height:8px;
}
/** ロゴのdiv */
.header_logo_div{
	width: 100%;
	height: 50px;
	margin: 0 auto;
}
/** ロゴのdivのimage */
.header_log_img{
	float: left;
    width: 140px;
    margin-top: 10px;
}
/** ロゴのdivのspan */
.header_log_span{
	float: left;
	font-size: 26px;
	line-height: 50px;
	width:385px;
	font-weight: bold;
}
/** 二行目 */
.header_second_line{
	width:100%;
	height:8px;
	margin-bottom:18px;
}
/** 2番目のdiv */
.header_second_div{
	width:80%;
	height:48px;
	font-size: 28px;
	font-weight: bold;
	margin: 0 auto;
}

/** 2番目のspan */
.header_second_div_span{
	margin-left: 0px;
	margin-top: 15px;
	display: inline-block;
	color: #4653a2;
}
/** 2番目の行 */
.header_second_div_line{
	width:80%;
	height:8px;
	margin: 0 auto;
}

/** 2番目のdiv_モバイル */
.header_second_div_mobile{
	width:96%;
	height:58px;
	font-size: 26px;
	font-weight: bold;
	margin: 0 auto;
}
/** 2番目の行 */
.header_second_div_line_mobile{
	width:96%;
	height:8px;
	margin: 0 auto;
}

/*****************画面の頭*******************/

/*****************画面下部*******************/
/** 下部のdiv */
.footer_div{
	width:100%;
	height:9vh;
	/*position: absolute;*/
	/*bottom: 0;*/
	/* margin-top: 50px; */
	background-color: #edeff7;
}

.footer_div_noFixed{
	width:100%;
	height:66px;
	/* position: fixed;
	bottom: 0; */
	/* margin-top: 50px; */
	background-color: #F2EFEA;
}
/** 下部の最初のspan */
.footer_first_span{
	margin-left: 0px;
	text-align: center;
	width: 100%;
	display: inline-block;
	font-size: 18px;
	margin-top: 15px;
}
/** 下部の2番目のspan */
.footer_second_span{
	margin-left: 0px;
	text-align: center;
	width: 100%;
	display: inline-block;
	font-size: 24px;
	margin-top: 5px;
}
/*****************画面下部*******************/

/*****************パスワードを表示する*******************/
.passwordshow_div{
	border: 1px solid #C0B2A4;
	width: 292px;
	margin-left:30px;
	height: 35px;
	border-radius: 5px;
}
.passwordshow_div_input{
	position: relative;
	border:0px;
	height: 35px !important;
}
.passwordshow_div_span{
	color:#0070C0;
	display: inline-block;
	position: absolute;
	margin-left: 10px;
}
/*****************パスワードを表示する*******************/


/*****************コンマム*******************/
.scroll{
 overflow: hidden;
 overflow-y:scroll;
 width:100%;
}

.buttonCommonStyle{
 	background: #453BA7;
    color:#FFF;
}

.noUnderrline:hover{
	text-decoration: none !important;
	color:#0088cc !important;
}
.noChangeColor:hover{
	color:#0088cc !important;
}

/*****************入力ボックスを編集できるかどうか*******************/
/** 編集可能 */
.inputEdit{
	text-indent: 6px;
    height: 30px;
    width: 100%;
    border: 1px solid #cccccc;
    -webkit-box-shadow: 0 0 0 400px #ffffff inset;
}
/** 編集不可 */
.inputReadonly{
	text-indent: 6px;
    height: 30px;
    width: 100%;
    border: 1px solid #cccccc;
   	background:#eee !important;
   	-webkit-box-shadow: none !important;
}
/*****************入力ボックスを編集できるかどうか*******************/
/** 戻るボタンのスタイル */
.backButtonCommonStyle{
	background-color:#BFBFBF;
}

/** tab */
button:focus {
	border: #333333 1px solid !important;
}
select:focus {
	border: #333333 1px solid !important;
}

input[type="password"], input[type="text"]{
	border-color:1px solid #808080 !important;
}
input[type="password"]:focus{
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}
input[type="text"]:focus{
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}

input {
	margin-bottom: 0px;
}

select {
	margin-bottom: 0px;
}

/** PC スマホ */
.pcMobileWidth {
	width: 80%;
}
.pcMobileCalcWidth {
	width: calc(80% - 2px);
}
.loginRightDiv{
	width: calc(20% - 2px);
}
#leftframe{
	width: 60%;
}

@media (max-width: 900px) {
	.pcMobileCalcWidth {
		width: calc(75% - 2px);
	}
	.loginRightDiv {
		width: calc(25% - 2px);
	}
	#leftframe{
		width: 70%;
	}
}

/* 戻るボタン */
.returnButtonCommonStyle{
	background:white !important;
	color:#4653a2 !important;
	border:2px solid #4653a2 !important;
	font-size: 18px !important;
	font-weight:bold !important;
	border-radius: 10px;
}

/* 次のページに進むボタン */
.advanceButtonCommonStyle{
	background-color:#4653a2 !important;
	color:white !important;
	border:2px solid #4653a2 !important;
	font-size: 18px !important;
	font-weight:bold !important;
	border-radius: 10px;
}

/* その他のボタン */
.elseButtonCommonStyle{
	background:white !important;
	color:black !important;
	border:2px solid black !important;
	font-size: 18px !important;
	font-weight:bold !important;
}
.container{
	display: flex;
	flex-direction: column;
	min-height: 91vh;
	width: 100%;
	/*margin-bottom: 20px;*/
}