@charset "UTF-8";

/* Start SP--------------------------------------------------*/
@media screen and (max-width: 768px) {
/*=================================================================
*==================================================================
page style setting
==================================================================*
==================================================================*/
/* ===============================================
form parts set
=============================================== */
input[type="text"] {
	width: 90%;
	padding: 4px 4px;
	border: 1px solid #aaaaab;
	color: #666666;
	font-size: 15px;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

select {
	max-width: 100%;
	padding: 6px 5px;
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #aaaaab;
	color: #666666;
	font-size: 15px !important;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

textarea {
	padding: 4px 4px;
	border: 1px solid #aaaaab;
	color: #666666;
	font-size: 15px;
}

h3 {
	margin: 0 0 10px 0;
	/* flex */
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

h3.hl_l {
	/* flex */
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

h3 .no {
	display: block;
	width: 35px;
	height: 35px;
	margin: 0 10px 0 0;
	background-color: #3ca5dd;
	color: #ffffff;
	font-size: 22px;
	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 {
	display: block;
	padding: 0 0 0 0;
	color: #0a5da4;
	font-size: 16px;
	/* flex */
	-ms-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

h4 {
	margin: 30px 0 5px 0;
}

h4 .el {
	color: #0a5da4;
	font-size: 18px;
}

h4 .img_upload {
	color: #0a5da4;
	font-size: 17px;
}

/* ===============================================
fra_base
=============================================== */
/* ===============================================
network_error
----------------------------------------------- */
.network_error {
	display: none;
	padding: 55px 7px 55px 7px;
	background-color: #ffffff;
	border-radius: 4px;
	color: #e60012;
	font-size: 16px;
}

.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 8px 8px 8px;
	border-radius: 25px;
	background-color: #ee771c;
	color: #ffffff;
	font-size: 14px;
	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_form
----------------------------------------------- */
.sec_form {
	padding: 10px 0 0 0;
}

/* -----------------------------------------------
sl_ac_range
----------------------------------------------- */
.sec_form .sl_ac_range {
	padding: 15px 0 40px 0;
}

/* -----------------------------------------------
form_mass
*/
.sec_form .sl_ac_range .form_mass ul {
	margin: 0 0 18px 0;
	border-bottom: 1px dotted #4d84b9;
}

.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 li {
	margin: 0 0 13px 0;
	/* flex */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

/*** label_area -------***/
.sec_form .sl_ac_range .form_mass .label_area {
	position: relative;
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 6px 10px 6px;
	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: 6px;
	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 .any {
	position: absolute;
	right: 6px;
	display: inline-block;
	margin: 0 0 0 0;
	padding: 2px 6px 2px 6px;
	background-color: #f08700;
	color: #ffffff;
	font-size: 12px;
}

/*** cont_area -------***/
.sec_form .sl_ac_range .form_mass .cont_area {
	padding: 8px 6px 8px 6px;
}

/*--- input_block ---*/
.sec_form .sl_ac_range .form_mass .cont_area .input_block {
	/* flex */
	display: block;
}

.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: 4px 0 0 0;
}

.sec_form .sl_ac_range .form_mass .cont_area .input_block .sub_info .example {
	display: block;
	margin: 0 0 1px 0;
	font-size: 15px;
}

.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: 14px;
}

/* -----------------------------------------------
bt_mass
*/
.sec_form .sl_ac_range .bt_mass {
	margin: 10px 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: initial;
	min-width: auto;
	width: 60%;
	padding: 8px 10px 6px 10px;
	background-color: #ee771c;
	color: #ffffff;
	font-size: 15px;
	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: 15px 0 0 0;
	padding: 7px 5px 7px 5px;
	color: #e60012;
	font-size: 15px;
	text-align: left;
}

.sec_form .sl_ac_range .result_mass.on {
	display: block;
}

/*--- input parts ---*/
.sec_form .sl_ac_range select {
	max-width: 100%;
}

.sec_form .sl_ac_range input {
	width: 90%;
	ime-mode: disabled;
}


/* -----------------------------------------------
sl_type_01_range
----------------------------------------------- */
.sec_form .sl_type_01_range {
	margin: 0 0 25px 0;
}

.sec_form .sl_type_01_range ul {
	/* flex */
	display: block;
}

.sec_form .sl_type_01_range li:nth-child(1) {
	margin: 0 0 15px 0;
}

.sec_form .sl_type_01_range li:nth-child(1) {
	width: 100%;
	height: auto;
	padding: 4px;
	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: 100%;
	height: auto;
	padding: 4px;
	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: 35px;
	/* 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 {
	width: 100%;
	padding: 0 10px 0 0;
	/* 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 10px 0 0;
}

.sec_form .sl_type_01_range li:nth-child(1) .txt_area .view_block {
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	text-align: center;
}

.sec_form .sl_type_01_range li:nth-child(2) .txt_area .view_block {
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	text-align: center;
}

.sec_form .sl_type_01_range li:nth-child(1) .txt_area .view_block img {
	width: 100%;
	max-width: 86px;
}

.sec_form .sl_type_01_range li:nth-child(2) .txt_area .view_block img {
	width: 100%;
	max-width: 110px;
}

.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: 16px;
}

.sec_form .sl_type_01_range li .txt_area .txt_block .txt_02 {
	padding: 0 0 10px 0;
	color: #0a5da4;
	font-size: 13px;
}

.sec_form .sl_type_01_range li .txt_area .txt_block .txt_03 {
	width: 85%;
	margin: 0 0 0 15px;
	padding: 0 0 10px 1em;
	text-indent: -1em;
	text-align: left;
	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 li {
	margin: 0 0 13px 0;
	/* flex */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

/*** label_area -------***/
.sec_form .form_range .form_mass .label_area {
	position: relative;
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 6px 10px 6px;
	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: 6px;
	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 .any {
	position: absolute;
	right: 6px;
	display: inline-block;
	margin: 0 0 0 0;
	padding: 2px 6px 2px 6px;
	background-color: #f08700;
	color: #ffffff;
	font-size: 12px;
}

/*** cont_area -------***/
.sec_form .form_range .form_mass .cont_area {
	padding: 8px 6px 8px 6px;
}

/*--- input_block ---*/
.sec_form .form_range .form_mass .cont_area .input_block {
	/* flex */
	display: block;
}

.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: 4px 0 0 0;
}

.sec_form .form_range .form_mass .cont_area .input_block .sub_info .example {
	display: block;
	margin: 0 0 1px 0;
	font-size: 15px;
}

.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:first-child {
	margin: 4px 0 0 0;
}

.sec_form .form_range .form_mass .cont_area .note_block li .fc_red {
	font-size: 12px;
}

.sec_form .form_range .form_mass .cont_area .attention_note_block {
	width: 100%;
	padding: 0 0 0 1em;
	text-indent: -1em;
	color: #a60000;
	font-size: 12px;
	line-height: 1.2;
}

/*--- radio_block ---*/
.sec_form .form_range .form_mass .cont_area .radio_block {
	width: 100%;
	height: auto;
	/* flex */
	display: block;
}

.sec_form .form_range .form_mass .cont_area .radio_block .radio_item {
	margin: 0 0 5px 0;
}

.sec_form .form_range .form_mass .cont_area .radio_block .radio_item input {
	margin: 0 3px 0 0;
}

/* 郵便番号検索 */
.sec_form .form_range .form_mass .cont_area .input_block .sub_bt {
	display: inline-block;
	margin: 0 0 0 10px;
}

.sec_form .form_range .form_mass .cont_area .input_block .sub_bt .bt_yubin_no a {
	position: relative;
	display: inline-block;
	padding: 6px 6px 6px 6px;
	border-radius: 25px;
	background-color: #ee771c;
	color: #ffffff;
	font-size: 13px;
	text-align: center;
}

.sec_form .form_range .form_mass .cont_area .input_block .sub_bt .bt_yubin_no a:hover {
	opacity: 0.7;
}

/* -----------------------------------------------
form_img_upload_mass
*/
.sec_form .form_range .form_img_upload_mass {
	margin: 15px 0 25px 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: 15px;
}

.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;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.sec_form .form_range .form_img_upload_mass .label_area {
	position: relative;
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 6px 10px 6px;
	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: 6px;
	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: 6px;
	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 {
	padding: 8px 6px 8px 6px;
}

.sec_form .form_range .form_img_upload_mass .cont_area .input_block {
	/* flex */
	display: block;
}

.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: 4px 0 0 0;
}

.sec_form .form_range .form_img_upload_mass .cont_area .input_block .sub_info .example {
	display: block;
	margin: 0 0 1px 0;
	font-size: 15px;
}

.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 {
	width: 100%;
	padding: 0 0 0 1em;
	text-indent: -1em;
	color: #a60000;
	font-size: 12px;
	line-height: 1.2;
}

/* アップロード */
.sec_form .form_range .form_img_upload_mass .cont_area .input_block .img_upload_item {
	margin: 0 0 8px 0;
	/* 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 {
	display: inline-block;
	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: 6px 12px 6px 12px;
	border-radius: 25px;
	background-color: #ee771c;
	color: #ffffff;
	font-size: 13px;
	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 7px;
	display: none;
}

.sec_form .form_range .form_img_upload_mass .cont_area .check_status.on {
	margin: 0 0 0 7px;
	/* 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-size: contain;
}

.sec_form .form_range .form_img_upload_mass .cont_area .check_status .txt {
	color: #808080;
	font-size: 12px;
}

/* 検針票追加 */
#add_img_rec_txt {
	display: none;
}

#add_img_rec_txt.on {
	display: block;
	margin: 0 0 40px 0;
}

#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 6px 4px 6px;
	color: #e60012;
	font-size: 15px;
}

.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: 100%;
}

select#retail_company_other {
	max-width: 100%;
}

input.post_code {
	width: 120px;
}

input.ge_address {
	width: 98%;
	ime-mode: disabled;
}

input.ge_tel_num_n {
	width: 90px;
}

input.supply_scheduled_date {
	width: 50%;
}

input.current_gas_user_number {
	width: 98%;
}

input.supply_place_number {
	width: 70%;
}

/* ===============================================
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 0 0 1em;
	text-indent: -1em;
	color: #e60213;
	font-size: 12px;
	text-align: left;
}

.sec_agreement .links_range .lead_attention_mass.on {
	display: block;
}

.sec_agreement .links_range .pdf_links_mass {
	/* flex */
	display: block;
}

.sec_agreement .links_range .pdf_links_mass .el_area {
	margin: 0 0 20px 0;
}

.sec_agreement .links_range .pdf_links_mass ul {
	display: inline-block;
	text-align: left;
}

.sec_agreement .links_range .pdf_links_mass li {
	margin: 8px 0 0 0;
}

.sec_agreement .links_range .pdf_links_mass li:first-child {
	margin: 0 0 0 0;
}

.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;
}

/* -----------------------------------------------
agree_range
----------------------------------------------- */
.sec_agreement .agree_range {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 15px 0 15px 0;
	border: 1px solid #d0cdcc;
	border-radius: 7px;
	/* box-sizing */
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.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;
	vertical-align: bottom;
}

.sec_agreement .agree_range .check_mass .check_area li {
	margin: 16px 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-size: contain;
}

.sec_agreement .agree_range .check_mass .check_area label.active .check:after {
	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: 12px;
	text-align: left;
}

}/* End SP----------------------------------------------------*/