@charset "utf-8";


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
base
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
html { width: 100%;}
body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; background: #ffffff; font-size: 12px; line-height: 2.0; color: #595757; }



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
contents
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#container { min-width: 350px;  padding: 60px 0; overflow: hidden; width: 100%; text-align: left; margin:0 auto;}
#wrap {	width: 500px; margin: 0 auto; padding: 0; overflow: hidden;}
* html #wrap { height: 1%;}

#header { width: 500px; height: 70px; margin: 0 auto 20px; background: url(../img/login/ttl.gif) no-repeat top left;}
	.ttl { outline: none; overflow: hidden; text-indent: -9999px;}

.form_lead { width: 500px; margin: 0 auto 8px; overflow: hidden;}
	.form_lead h2 { font-weight: bold; color: #035C9B;}

.form_leads { width: 500px; margin: 0 auto 8px; overflow: hidden;}
	.form_leads h2 { font-weight: bold; color: #43A236;}
	
.txt_red { color :#FF3F42; padding-left: 0.5em;}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
form
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
table.entry_form { text-align: left;}
table.entry_form th { border-top: 1px solid #9e9f9f; border-bottom: 1px solid #9e9f9f; text-align: left; vertical-align: top; padding: 20px 16px;}
table.entry_form td { background: #f6f8f8; border-top: 1px solid #9e9f9f; border-bottom: 1px solid #9e9f9f; text-align: left; vertical-align: top; padding: 20px 16px;}
table.entry_form ol li { float: left; margin: 0 16px 2px 0; display: block;}

.form_btn_hld { margin: 20px auto 30px; width: 500px; height: 36px; text-align: center;}

.bottom_txt { font-size:11px; margin: 0 auto; width: 500px; overflow: hidden;}

	/*form_style*/
	input , select , textarea { padding: 4px 2px;}
	label {
			cursor: pointer;
			display: block;
}
	textarea { font-size: 12px;}
	input.btn_login {
					width: 175px;
					height: 36px;
					margin: 0 !important;
					padding: 0 !important;
					background: url(../img/login/btn.png) no-repeat top left;
					border: none !important;
					cursor: pointer;
					}
		input.btn_confirm:hover,
		input.btn_back:hover,
		input.btn_send:hover
		 { opacity: 0.9; filter: alpha(opacity=90); -ms-filter: "alpha( opacity=90 )";}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
add 2021 11 26
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media screen and (min-width: 769px) {
	#lp_container3 {
		width: 1200px;
		margin: 0 auto;
		text-align: center;
		padding: 60px 0;
		background: #fff;
	}
	#lp_container3 table {
		width: 840px;
		font-size:14px;
		margin: 0 auto;
		text-align: left;
		background: #fff;
	}
	#lp_container3 #header2 {
    width: 840px;
    height: 90px;
    margin: 0 auto 20px;
	}
	.rightpc2 { display: inline-block; width: 220px; padding-left: 20px;
	}
	
	.posi_rel { position: relative; }

}
@media screen and (max-width: 768px) {
	#lp_container3 {
		margin-top: 40px;}
	#lp_container3 table {
		width: 95%;
		font-size:14px;
		margin: 0 auto;
		text-align: left;
		background: #fff;
	}
	#lp_container3 table td {
		padding-left: 30px;}
	#lp_container3 #header2 {
    width: 100%;
    height: 225x;
    margin: 0 auto 10px;
	}
	#lp_container3 #header2 img {
    width: 350px;
	}
	.bottom_txt { width: 300px!important;}
	#wrap3 {width: 100%;	}
	.form_btn_hld{ width: 100%!important;}
	
	.posi_rel { position: relative;}

}