@charset "UTF-8";

/*=================================================================
*==================================================================
page style setting
==================================================================*
==================================================================*/
/* ===============================================
form parts set
=============================================== */
input[type="text"] {
	width: 300px;
	padding: 8px 4px;
	border: 1px solid #aaaaab;
	color: #666666;
	font-size: 16px;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

select {
	padding: 6px 5px;
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #aaaaab;
	color: #666666;
	font-size: 18px !important;
}

textarea {
	padding: 8px 4px;
	border: 1px solid #aaaaab;
	color: #666666;
	font-size: 16px;
}

h3 {
	margin: 0 0 15px 0;
	/* flex */
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

h3 .no {
	display: block;
	width: 54px;
	height: 54px;
	margin: 0 20px 0 0;
	background-color: #3ca5dd;
	color: #ffffff;
	font-size: 38px;
	font-weight: 600;
}

h3 .no span {
	width: 100%;
	height: 100%;
	/* flex */
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

h3 .txt {
	padding: 2px 0 0 0;
	color: #0a5da4;
	font-size: 22px;
	line-height: 1.4;
	/* flex */
	-ms-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

h4 {
	margin: 30px 0 10px 0;
}

h4 .el {
	color: #0a5da4;
	font-size: 22px;
}

h4 .img_upload {
	color: #0a5da4;
	font-size: 22px;
}

/* ===============================================
fra_base
=============================================== */
/* ===============================================
network_error
----------------------------------------------- */
.network_error {
	display: none;
	padding: 150px 38px 150px 38px;
	background-color: #ffffff;
	border-radius: 4px;
	color: #e60012;
	font-size: 20px;
}

.network_error.on {
	display: block;
}

.fra_base .inner_fra.error {
	display: none;
}

/*--- error_01 ---*/
.network_error .error_01 {
	display: none;
}

.network_error .error_01.on {
	display: block;
}

.network_error .error_01 .error_mes {
	padding: 0 0 30px 0;
}

.network_error .error_01 .error_bt {
	text-align: center;
}

.network_error .error_01 .error_bt a {
	position: relative;
	display: inline-block;
	min-width: 180px;
	padding: 8px 10px 8px 10px;
	border-radius: 25px;
	background-color: #ee771c;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
}

.network_error .error_01 .error_bt a:hover {
	opacity: 0.7;
}

/*--- error_02 ---*/
.network_error .error_02 {
	display: none;
}

.network_error .error_02.on {
	display: block;
}

/* ===============================================
rel_campaign
----------------------------------------------- */
.rel_campaign {
	display: none;
}

.rel_campaign.on {
	display: block;
}

/* ===============================================
sec_bt
----------------------------------------------- */
.sec_bt {
	display: none;
}

/* ===============================================
sec_form
----------------------------------------------- */
.sec_form {
	padding: 40px 0 0 0;
}

/* -----------------------------------------------
sl_ac_range
----------------------------------------------- */
.sec_form .sl_ac_range {
	padding: 0 0 40px 0;
}

/* -----------------------------------------------
form_mass
*/
.sec_form .sl_ac_range .form_mass ul {
	margin: 0 0 18px 0;
}

.sec_form .sl_ac_range .form_mass ul:last-child {
	margin: 0 0 0 0;
	border-bottom: none;
}

.sec_form .sl_ac_range .form_mass ul.last_disp {
	border-bottom: none;
}

.sec_form .sl_ac_range .form_mass ul.no_disp {
	display: none;
}

.sec_form .sl_ac_range .form_mass li {
	margin: 0 0 13px 0;
	/* flex */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.sec_form .sl_ac_range .form_mass li.no_disp {
	display: none;
}

/*** label_area -------***/
.sec_form .sl_ac_range .form_mass .label_area {
	position: relative;
	width: 285px;
	margin: 0 15px 0 0;
	padding: 10px 13px 10px 15px;
	background-color: #e8f4f6;
	color: #000000;
	font-size: 16px;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* flex */
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.sec_form .sl_ac_range .form_mass .label_area .required {
	position: absolute;
	right: 13px;
	display: inline-block;
	margin: 0 0 0 0;
	padding: 2px 6px 2px 6px;
	background-color: #e60012;
	color: #ffffff;
	font-size: 12px;
}

.sec_form .sl_ac_range .form_mass .label_area .required.none {
	display: none;
}

.sec_form .sl_ac_range .form_mass .label_area .any {
	position: absolute;
	right: 13px;
	display: inline-block;
	margin: 0 0 0 0;
	padding: 2px 6px 2px 6px;
	background-color: #f08700;
	color: #ffffff;
	font-size: 12px;
}

.sec_form .sl_ac_range .form_mass .label_area .any.none {
	display: none;
}

.sec_form .sl_ac_range .form_mass .label_area .f_s {
	font-size: 12px;
}

/*** cont_area -------***/
.sec_form .sl_ac_range .form_mass .cont_area {
	/* flex */
	-ms-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

/*--- input_block ---*/
.sec_form .sl_ac_range .form_mass .cont_area .input_block {
	/* flex */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.sec_form .sl_ac_range .form_mass .cont_area .input_block .input_ge_tel_set .hyphen {
	padding: 0 0 0 4px;
	font-size: 15px;
}

.sec_form .sl_ac_range .form_mass .cont_area .input_block .sub_info {
	margin: 0 0 0 13px;
}

.sec_form .sl_ac_range .form_mass .cont_area .input_block .sub_info .example {
	display: block;
	margin: 0 0 1px 0;
	font-size: 14px;
}

.sec_form .sl_ac_range .form_mass .cont_area .input_block .sub_info .example_s {
	display: block;
	margin: 0 0 1px 0;
	font-size: 12px;
}

.sec_form .sl_ac_range .form_mass .cont_area .input_block .sub_info .note {
	display: block;
	font-size: 12px;
}

/*--- attention_block ---*/
.sec_form .sl_ac_range .form_mass .cont_area .attention_block {

}

.sec_form .sl_ac_range .form_mass .cont_area .attention_block .attention_item {
	margin: 4px 0 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
	color: #e60012;
	font-size: 15px;
}

/* -----------------------------------------------
bt_mass
*/
.sec_form .sl_ac_range .bt_mass {
	margin: 25px 0 0 0;
}

.sec_form .sl_ac_range .bt_mass .bt_area {
	text-align: center;
}

.sec_form .sl_ac_range .bt_mass .bt_area a {
	position: relative;
	display: inline-block;
	min-width: 180px;
	padding: 8px 10px 8px 10px;
	background-color: #ee771c;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
}

.sec_form .sl_ac_range .bt_mass a:hover {
	opacity: 0.7;
}

/* -----------------------------------------------
result_mass
*/
.sec_form .sl_ac_range .result_mass {
	display: none;
	margin: 25px 0 0 0;
	padding: 10px 0 10px 0;
	color: #e60012;
	font-size: 18px;
	text-align: center;
}

.sec_form .sl_ac_range .result_mass.on {
	display: block;
}

/*--- input parts ---*/
.sec_form .sl_ac_range select {
	max-width: 580px;
}

.sec_form .sl_ac_range input {
	width: 350px;
	ime-mode: disabled;
}


/* -----------------------------------------------
sl_type_01_range
----------------------------------------------- */
.sec_form .sl_type_01_range {
	margin: 0 0 40px 0;
}

.sec_form .sl_type_01_range ul {
	/* flex */
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.sec_form .sl_type_01_range li:nth-child(1) {
	margin: 0 25px 0 0;
}

.sec_form .sl_type_01_range li:nth-child(1) {
	width: 425px;
	height: 235px;
	padding: 8px;
	background-color: #fde9c3;
	border-radius: 15px;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sec_form .sl_type_01_range li:nth-child(2) {
	width: 425px;
	height: 235px;
	padding: 8px;
	background-color: #ddecc6;
	border-radius: 15px;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sec_form .sl_type_01_range li label {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	border-radius: 15px;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* flex */
	display: -webkit-flex;
	display: flex;
}

.sec_form .sl_type_01_range li .label_inner {
	width: 100%;
	/* flex */
	display: -webkit-flex;
	display: flex;
}

.sec_form .sl_type_01_range li .radio_area {
	width: 55px;
	/* flex */
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.sec_form .sl_type_01_range li .txt_area {
	padding: 0 0 0 16px;
	/* flex */
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.sec_form .sl_type_01_range li:nth-child(1) .txt_area {
	padding: 0 0 0 36px;
}

.sec_form .sl_type_01_range li:nth-child(1) .txt_area .view_block {
	margin: 0 0 20px 0;
	padding: 0 0 0 80px;
}

.sec_form .sl_type_01_range li:nth-child(2) .txt_area .view_block {
	margin: 0 0 20px 0;
	padding: 0 0 0 115px;
}

.sec_form .sl_type_01_range li .txt_area .txt_block {
	text-align: center;
}

.sec_form .sl_type_01_range li .txt_area .txt_block .txt_01 {
	margin: 0 0 5px 0;
	color: #0a5da4;
	font-size: 22px;
}

.sec_form .sl_type_01_range li .txt_area .txt_block .txt_02 {
	color: #0a5da4;
	font-size: 16px;
}

.sec_form .sl_type_01_range li .txt_area .txt_block .txt_03 {
	width: 85%;
	margin: 5px 0 0 15px;
	padding: 0 0 0 1em;
	text-indent: -1em;
	text-align: left;
	color: #0a5da4;
	font-size: 11px;
}

/* -----------------------------------------------
form_range
----------------------------------------------- */
.sec_form .form_range {
	padding: 15px 0 0 0;
}

/* -----------------------------------------------
form_mass
*/
.sec_form .form_range .form_mass ul {
	margin: 0 0 18px 0;
	border-bottom: 1px dotted #4d84b9;
}

.sec_form .form_range .form_mass ul:last-child {
	margin: 0 0 0 0;
	border-bottom: none;
}

.sec_form .form_range .form_mass ul.last_disp {
	border-bottom: none;
}

.sec_form .form_range .form_mass ul.no_disp {
	display: none;
}

.sec_form .form_range .form_mass li {
	margin: 0 0 13px 0;
	/* flex */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.sec_form .form_range .form_mass li.no_disp {
	display: none;
}

/*** label_area -------***/
.sec_form .form_range .form_mass .label_area {
	position: relative;
	width: 285px;
	margin: 0 15px 0 0;
	padding: 10px 13px 10px 15px;
	background-color: #e8f4f6;
	color: #000000;
	font-size: 16px;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* flex */
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.sec_form .form_range .form_mass .label_area .required {
	position: absolute;
	right: 13px;
	display: inline-block;
	margin: 0 0 0 0;
	padding: 2px 6px 2px 6px;
	background-color: #e60012;
	color: #ffffff;
	font-size: 12px;
}

.sec_form .form_range .form_mass .label_area .required.none {
	display: none;
}

.sec_form .form_range .form_mass .label_area .any {
	position: absolute;
	right: 13px;
	display: inline-block;
	margin: 0 0 0 0;
	padding: 2px 6px 2px 6px;
	background-color: #f08700;
	color: #ffffff;
	font-size: 12px;
}

.sec_form .form_range .form_mass .label_area .any.none {
	display: none;
}

.sec_form .form_range .form_mass .label_area .f_s {
	font-size: 12px;
}

/*** cont_area -------***/
.sec_form .form_range .form_mass .cont_area {
	/* flex */
	-ms-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

/*--- input_block ---*/
.sec_form .form_range .form_mass .cont_area .input_block {
	/* flex */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.sec_form .form_range .form_mass .cont_area .input_block .input_ge_tel_set .hyphen {
	padding: 0 0 0 4px;
	font-size: 15px;
}

.sec_form .form_range .form_mass .cont_area .input_block .sub_info {
	margin: 0 0 0 13px;
}

.sec_form .form_range .form_mass .cont_area .input_block .sub_info .example {
	display: block;
	margin: 0 0 1px 0;
	font-size: 14px;
}

.sec_form .form_range .form_mass .cont_area .input_block .sub_info .example_s {
	display: block;
	margin: 0 0 1px 0;
	font-size: 12px;
}

.sec_form .form_range .form_mass .cont_area .input_block .sub_info .note {
	display: block;
	font-size: 12px;
}

/*--- note_block ---*/
.sec_form .form_range .form_mass .cont_area .note_block {

}

.sec_form .form_range .form_mass .cont_area .note_block li {
	margin: 0 0 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 12px;
}

.sec_form .form_range .form_mass .cont_area .note_block li.hl_red {
	color: #e60012;
}

.sec_form .form_range .form_mass .cont_area .note_block li:first-child {
	margin: 4px 0 0 0;
}

.sec_form .form_range .form_mass .cont_area .note_block li .fc_red {
	color: #e60213;
	font-size: 12px;
}

.sec_form .form_range .form_mass .cont_area .attention_note_block {
	display: none;
	width: 530px;
	margin: 4px 0 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
	color: #a60000;
	font-size: 12px;
}

/*--- radio_block ---*/
.sec_form .form_range .form_mass .cont_area .radio_block {
	width: 100%;
	height: 44px;
	/* flex */
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.sec_form .form_range .form_mass .cont_area .radio_block .radio_item {
	margin: 0 20px 0 0;
}

.sec_form .form_range .form_mass .cont_area .radio_block .radio_item input {
	margin: 0 3px 0 0;
}

/*--- sl_retail_company_id > sl_fields ---*/
#sl_retail_company_id .sl_fields {
	display: none;
}

#sl_retail_company_id .sl_fields.on {
	display: block;
	margin: 13px 0 0 0;
}

/*--- sl_purpose_type > sl_fields ---*/
#sl_purpose_type .sl_fields {
	display: none;
}

#sl_purpose_type .sl_fields.on {
	display: block;
	margin: 13px 0 0 0;
}

#sl_purpose_type .sl_fields select {
	display: none;
}

#sl_purpose_type .sl_fields select.on {
	display: inline-block;
}

#sl_purpose_type .sl_fields .sl_attention_txt {
	display: inline-block;
	color: #e60012;
	font-size: 14px;
}

/*--- check_block ---*/
.sec_form .form_range .form_mass .cont_area .check_block {
	width: 100%;
	height: 44px;
	/* flex */
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.sec_form .form_range .form_mass .cont_area .check_block .check_txt {
	padding: 0 0 0 10px;
}

/*--- 電気のご契約名義 ---*/
.sec_form .form_range ul#check_el_juyosha {
	display: none;
}

.sec_form .form_range ul#check_el_juyosha.on {
	display: block;
}

/* 郵便番号検索 */
.sec_form .form_range .form_mass .cont_area .input_block .sub_bt {
	margin: 0 0 0 20px;
}

.sec_form .form_range .form_mass .cont_area .input_block .sub_bt .bt_post_code a {
	position: relative;
	display: inline-block;
	padding: 8px 10px 8px 10px;
	border-radius: 25px;
	background-color: #ee771c;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
}

.sec_form .form_range .form_mass .cont_area .input_block .sub_bt .bt_post_code a:hover {
	opacity: 0.7;
}


/* -----------------------------------------------
form_img_upload_mass
*/
.sec_form .form_range .form_img_upload_mass {
	margin: 10px 0 50px 0;
}

.sec_form .form_range .form_img_upload_mass.no_disp {
	display: none;
}

.sec_form .form_range .form_img_upload_mass h3 .txt {
	font-size: 24px;
}

.sec_form .form_range .form_img_upload_mass h4 {
	margin: 30px 0 1px 0;
}

.sec_form .form_range .form_img_upload_mass .hd_upload_attention {
	margin: 0 0 18px 0;
}

.sec_form .form_range .form_img_upload_mass .hd_upload_attention .txt {
	margin: 1px 0 0 0;
	color: #e60012;
	font-size: 15px;
}

.sec_form .form_range .form_img_upload_mass .hd_upload_attention .txt:first-child {
	margin: 0 0 0 0;
}

.sec_form .form_range .form_img_upload_mass ul {
	margin: 0 0 18px 0;
	border-bottom: 1px dotted #4d84b9;
}

.sec_form .form_range .form_img_upload_mass ul:last-child {
	margin: 0 0 0 0;
	border-bottom: none;
}

.sec_form .form_range .form_img_upload_mass li {
	margin: 0 0 13px 0;
	/* flex */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.sec_form .form_range .form_img_upload_mass .label_area {
	position: relative;
	width: 285px;
	margin: 0 15px 0 0;
	padding: 10px 13px 10px 15px;
	background-color: #e8f4f6;
	color: #000000;
	font-size: 16px;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* flex */
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.sec_form .form_range .form_img_upload_mass .label_area .required {
	position: absolute;
	right: 13px;
	display: inline-block;
	margin: 0 0 0 0;
	padding: 2px 6px 2px 6px;
	background-color: #e60012;
	color: #ffffff;
	font-size: 12px;
}

.sec_form .form_range .form_img_upload_mass .label_area .any {
	position: absolute;
	right: 13px;
	display: inline-block;
	margin: 0 0 0 0;
	padding: 2px 6px 2px 6px;
	background-color: #f08700;
	color: #ffffff;
	font-size: 12px;
}

.sec_form .form_range .form_img_upload_mass .cont_area {
	/* flex */
	-ms-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.sec_form .form_range .form_img_upload_mass .cont_area .input_block {
	/* flex */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.sec_form .form_range .form_img_upload_mass .cont_area .input_block .input_ge_tel_set .hyphen {
	padding: 0 0 0 4px;
	font-size: 15px;
}

.sec_form .form_range .form_img_upload_mass .cont_area .input_block .sub_info {
	margin: 0 0 0 13px;
}

.sec_form .form_range .form_img_upload_mass .cont_area .input_block .sub_info .example {
	display: block;
	margin: 0 0 1px 0;
	font-size: 16px;
}

.sec_form .form_range .form_img_upload_mass .cont_area .input_block .sub_info .example_s {
	display: block;
	margin: 0 0 1px 0;
	font-size: 12px;
}

.sec_form .form_range .form_img_upload_mass .cont_area .input_block .sub_info .note {
	display: block;
	font-size: 12px;
}

.sec_form .form_range .form_img_upload_mass .cont_area .note_block {

}

.sec_form .form_range .form_img_upload_mass .cont_area .note_block li {
	margin: 0 0 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 12px;
}

.sec_form .form_range .form_img_upload_mass .cont_area .note_block li:first-child {
	margin: 4px 0 0 0;
}

.sec_form .form_range .form_img_upload_mass .cont_area .attention_note_block {
	display: none;
	width: 530px;
	margin: 4px 0 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
	color: #a60000;
	font-size: 12px;
}

/* アップロード */
.sec_form .form_range .form_img_upload_mass .cont_area .input_block .img_upload_item {
	/* flex */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

/* ボタン */
.sec_form .form_range .form_img_upload_mass .cont_area .input_block .sub_bt {
	margin: 0 0 0 0;
}

.sec_form .form_range .form_img_upload_mass .cont_area .input_block .sub_bt .bt_img_upload a {
	position: relative;
	display: inline-block;
	padding: 8px 10px 8px 10px;
	border-radius: 25px;
	background-color: #ee771c;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
}

.sec_form .form_range .form_img_upload_mass .cont_area .input_block .sub_bt .bt_img_upload a:hover {
	opacity: 0.7;
}

/* アップロードチェック */
.sec_form .form_range .form_img_upload_mass .cont_area .check_status {
	margin: 0 0 0 12px;
	display: none;
}

.sec_form .form_range .form_img_upload_mass .cont_area .check_status.on {
	margin: 0 0 0 12px;
	/* flex */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.sec_form .form_range .form_img_upload_mass .cont_area .check_status .icon_ok {
	display: block;
	width: 34px;
	height: 33px;
	margin: 0 5px 0 0;
	background: url(../../../img/contents/form/form/sec_form_form_img_upload_icon_check_ok.png) no-repeat 0 0;
}

.sec_form .form_range .form_img_upload_mass .cont_area .check_status .txt {
	color: #808080;
	font-size: 14px;
}

/* 検針票追加 */
#add_img_rec_txt {
	display: none;
}

#add_img_rec_txt.on {
	display: block;
}

#add_img_rec_txt .txt_link {
	cursor: pointer;
}

#add_img_rec_txt .txt_link:hover {
	text-decoration: none;
	opacity: 0.7;
}

.sec_form .form_range .form_img_upload_mass .add_img_rec_txt_area {
	width: 100%;
	padding: 10px 0 1px 300px;
	color: #e60012;
	font-size: 15px;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sec_form .form_range .form_img_upload_mass .add_img_li {
	display: none;
}

.sec_form .form_range .form_img_upload_mass .add_img_li.on {
	/* flex */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

/*--- input parts ---*/
select#price_plan_id {
	max-width: 580px;
}

select#retail_company_other {
	max-width: 580px;
}

input.post_code {
	width: 100px;
	ime-mode: disabled;
}

input.ge_address {
	width: 400px;
}

input.ge_tel_num_n {
	width: 90px;
	ime-mode: disabled;
}

input.supply_scheduled_date {
	width: 150px;
	ime-mode: disabled;
}

input.current_gas_user_number {
	width: 330px;
	ime-mode: disabled;
}

input.supply_place_number {
	width: 210px;
	ime-mode: disabled;
}

/* ===============================================
sec_agreement
----------------------------------------------- */
.sec_agreement {
	padding: 10px 0 10px 0;
}

/* -----------------------------------------------
links_range
----------------------------------------------- */
.sec_agreement .links_range {
	margin: 0 0 20px 0;
}

.sec_agreement .links_range .lead_attention_mass {
	display: none;
	margin: 0 0 10px 0;
	padding: 0 40px 0 0;
	color: #e60213;
	font-size: 13px;
	text-align: center;
}

.sec_agreement .links_range .lead_attention_mass.on {
	display: block;
}

.sec_agreement .links_range .pdf_links_mass {
	/* flex */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.sec_agreement .links_range .pdf_links_mass .el_area {
	margin: 0 15px 0 0;
}

.sec_agreement .links_range .pdf_links_mass ul {
	display: inline-block;
	text-align: left;
}

.sec_agreement .links_range .pdf_links_mass li {
	margin: 5px 0 0 0;
	color: #0c68ac;
}

.sec_agreement .links_range .pdf_links_mass li:first-child {
	margin: 0 0 0 0;
}

.sec_agreement .links_range .pdf_links_mass li.pdf_up {
	display: none;
}

.sec_agreement .links_range .pdf_links_mass li.pdf_up.on {
	display: block;
}

.sec_agreement .links_range .pdf_links_mass li a {
	color: #0c68ac;
	font-size: 16px;
	text-decoration: underline;
}

.sec_agreement .links_range .pdf_links_mass li a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.sec_agreement .links_range .pdf_links_mass li.pdf_01 a:visited {
	color: purple;
}

.sec_agreement .links_range .pdf_links_mass li.pdf_02 a:visited {
	color: purple;
}

.sec_agreement .links_range .pdf_links_mass li.pdf_03 a:visited {
	color: purple;
}

/* -----------------------------------------------
agree_range
----------------------------------------------- */
.sec_agreement .agree_range {
	display: none;
	width: 400px;
	margin: 0 auto 0 auto;
	padding: 26px 0 20px 0;
	border: 1px solid #d0cdcc;
	border-radius: 7px;
}

.sec_agreement .agree_range.on {
	display: block;
}

.sec_agreement .agree_range .check_mass .check_area {
	margin: 0 0 0 0;
	text-align: center;
}

.sec_agreement .agree_range .check_mass .check_area ul {
	display: inline-block;
	text-align: left;
}

.sec_agreement .agree_range .check_mass .check_area li {
	margin: 20px 0 0 0;
}

.sec_agreement .agree_range .check_mass .check_area li:first-child {
	margin: 0 0 0 0;
}

.sec_agreement .agree_range .check_mass .check_area .checkbox_block {
	width: 100%;
	height: auto;
	/* box-sizing */
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	/* flex */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.sec_agreement .agree_range .check_mass .check_area .checkbox_block .check {
	display: block;
}

.sec_agreement .agree_range .check_mass .check_area .check input[type="checkbox"] {
	display: none;
}

.sec_agreement .agree_range .check_mass .check_area label .check:after {
	display: block;
	content: "";
	width: 23px;
	height: 22px;
	background: url(../../../img/page/icon/icon_check.png) no-repeat 0 0;
	background-size: contain;
}

.sec_agreement .agree_range .check_mass .check_area label.active .check:after {
	background: url(../../../img/page/icon/icon_check_on.png) no-repeat 0 0;
	background-size: contain;
}

.sec_agreement .agree_range .check_mass .check_area .txt {
	display: block;
	margin: 0 0 0 12px;
	font-size: 14px;
}

/* -----------------------------------------------
attention_txt_range
----------------------------------------------- */
.sec_agreement .attention_txt_range {
	display: none;
	padding: 20px 0 20px 0;
}

.sec_agreement .attention_txt_range.on {
	display: block;
}

.sec_agreement .attention_txt_range .txt_mass {
	font-size: 13px;
	text-align: center;
}
