@charset "UTF-8";



/*
	

	申し込みフォーム
	https://www.chubugas.co.jp/e-share/entry/



 */



/*
	Common

--------------------------------------------------- */
body { background-image: none; }
.com-inquiry { display: none; }
#gl-header { position: relative; }



/*
	esinq wrap

--------------------------------------------------- */
#esinq-wrap { background-color: #f0f1ee; }

	/* esinq wrap > Common */
	input, label, select {
	    color: rgba(50, 50, 50, 1);
	    display: inline-block;
	    font-weight: 500;
	    outline: none;
	    vertical-align: middle;
		}

	/* esinq wrap > Title Area */
	#esinq-ttlarea {}
		#esinq-ttl { font-weight: 700; }
			#esinq-ttl small { display: block; }

	/* esinq wrap > Form Area */
	#esinq-form { margin: 0 auto; }
		#esinq-frm-list {}
			.esinq-frm-item { border-top: 1px solid rgba(170, 170, 170, 1); }
			.esinq-frm-item:last-child { border-bottom: 1px solid rgba(170, 170, 170, 1); }
				.esinq-frm-item dt,
				.esinq-frm-item dd {}
				.esinq-frm-item dt { font-weight: 700; }
					.esinq-frm-item dt span {
						display: block;
						position: relative;
						}
				.esinq-frm-item dd {}
					.error {}
						.error p {
							color: rgba(230, 0, 20, 1);
							font-weight: 700;
							}
					.esinq-frm-cell,
					.esinq-frm-cell span,
					.esinq-frm-att {
						display: inline-block;
						line-height: 1.5;
						vertical-align: middle;
						}
					.esinq-frm-cell + .esinq-frm-cell {
						padding-top:0.5em;
					}
					.subTable {
						display:table;
						width:90%;
					}
					.subTable .subTableCell {
						display:table-cell;
					}
					.subTable > .subTableCell:first-child {
						width:9em;
					}
					.esinq-frm-att-db { display: block; }
					.esinq-frm-cell-flex {
						align-items: center;
						display: inline-flex;
						justify-content: start;
						}
						.esinq-frm-att p { position: relative; }
							.esinq-frm-att p a { color: inherit; }
								.esinq-frm-att p a span { text-decoration: underline; }
						.esinq-frm-att-asterisk p {}
						.esinq-frm-att-asterisk p:before {
							content: '※';
							left: 0;
							position: absolute;
							top: 0;
							}
						.check_cell {
							vertical-align: middle;
							}
						.check_cell2 {
							display: inline-block;
							white-space:nowrap;
						}
			.esinq-com-att {}
				.esinq-com-att p {}
		/* esinq wrap > Form Area > Scheme */
		.esinq-frm-req {}
			#eshare_entry_input .esinq-frm-req dt span:before {
				background-color: rgba(230, 0, 20, 1);
				content: '必須';
				}
		.esinq-frm-any {}
			#eshare_entry_input .esinq-frm-any dt span:before {
				background-color: rgba(100, 100, 100, 1);
				content: '任意';
				}
			#eshare_entry_input .esinq-frm-item dt span:before {
				color: rgba(255, 255, 255, 1);
				display: inline-block;
				line-height: 1.3;
				text-align: center;
				}
		/* esinq wrap > Form Area > Scheme > Input */
		#eshare_entry_input .esinq-frm-item dt,
		#eshare_entry_input .esinq-frm-item dd {}
			#eshare_entry_input .esinq-frm-item dd a {
				color: inherit;
				text-decoration: underline;
				}
		/* esinq wrap > Form Area > Scheme > Confirm */
		#eshare_entry_confirm .esinq-frm-item dt,
		#eshare_entry_confirm .esinq-frm-item dd {}

	/* esinq wrap > Info Area */
	.esinq-frm-infoarea {}
		.esinq-frm-infoarea p {}

	/* esinq wrap > Btn Area */
	.esinq-frm-btnarea {}
		.esinq-frm-ba-wrap {
			color: rgba(255, 255, 255, 1);
			position: relative;

			align-items: center;
			display: inline-flex;
			justify-content: center;
			}
			.esinq-frm-ba-item {}
				.esinq-frm-ba-item .check_cell { margin: 0; }
				.btn-item {
					background-color: transparent;
					border: none;
					color: rgba(255, 255, 255, 1);
					}
		/* esinq wrap > Btn Area > Scheme > Input */
		#eshare_entry_input .esinq-frm-ba-wrap { display: inline-flex; }
		#eshare_entry_input .esinq-frm-ba-wrap { background-color: rgba(0, 0, 0, .5); }
		#eshare_entry_input .frm-ba-active {
			background-color: rgba(25, 170, 75, 1);
			cursor: pointer;

			-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
			box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
			}
		#eshare_entry_input #frm_policy { margin: 0; }
		#eshare_entry_input #btn-submit { text-align: left; }
		#eshare_entry_input .frm-ba-active #btn-submit { cursor: pointer; }
		/* esinq wrap > Btn Area > Scheme > Confirm */
		#eshare_entry_confirm .esinq-frm-ba-wrap {}
			#eshare_entry_confirm .esinq-frm-ba-item {
				overflow: hidden;
				position: relative;
				-webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, .2);
				box-shadow: 10px 10px 30px rgba(0, 0, 0, .2);
				}
				#eshare_entry_confirm .esinq-frm-ba-item a {
					color: rgba(255, 255, 255, 1);
					display: block;
					text-align: center;
					}

			#eshare_entry_confirm #btn-back { background-color: rgba(0, 0, 0, .5); }
			#eshare_entry_confirm #btn-submit { background-color: rgba(25, 170, 75, 1); }

	/* esinq wrap > Thanks */
	#esinq-thanks { text-align: center; }
		#esinq-tks-ttlarea {}
		#esinq-tks-bodyarea {
			display: inline-block;
			text-align: left;
			}
			#esinq-tks-bodyarea p {}
				#esinq-tks-bodyarea p strong {}
				#esinq-tks-bodyarea p a {
					color: rgba(50, 145, 75, 1);
					text-decoration: underline;
					}



/*
	

	MediaQuery



 */



@media screen and (min-width: 751px) {



/*
	Common

--------------------------------------------------- */



/*
	esinq wrap

--------------------------------------------------- */
#esinq-wrap { padding-bottom: 80px; }

	/* esinq wrap > Common */
	input, label, select {}
	input, select {
		font-size: 15px;
	    margin: 0 5px;
	    padding: 10px 2%;
		}
	label { font-size: 18px; }
		/* esinq wrap > Common > Scheme */
		.inp-full { width: 100%; }
		.inp-mdl { width: 90%; }
		.inp-half { width: 190px; }
		.inp-quarter { width: 300px; }

	/* esinq wrap > Title Area */
	#esinq-ttlarea {
		padding: 35px;
		text-align: center;
		}
		#esinq-ttl { font-size: 32px; }
			#esinq-ttl small {
				font-size: 20px;
				margin-bottom: 10px;
				}

	/* esinq wrap > Form Area */
	#esinq-form { max-width: 1100px; }
		#esinq-frm-list {}
			.esinq-frm-item {
				display: table;
				text-align: left;
				width: 100%;
				}
				.esinq-frm-item dt,
				.esinq-frm-item dd {
					display: table-cell;
					font-size: 18px;
					line-height: 1.35;
					}
				.esinq-frm-item dt { width: 32%; }
					.esinq-frm-item dt span {}
				.esinq-frm-item dd {}
					.error { margin-bottom: 5px; }
						.error p { font-size: 15px; }
					.esinq-frm-cell { font-size: 15px; }
					.esinq-frm-att { margin: 10px; }
						.esinq-frm-att p {
							font-size: 15px;
							line-height: 1.75;
							}
						.esinq-frm-att-asterisk p { padding-left: 20px; }
						.esinq-frm-att-asterisk p:before {}
						.check_cell { margin: 10px; }
			.esinq-com-att { padding: 10px 0 30px; }
				.esinq-com-att p {
					font-size: 15px;
					line-height: 1.75;
					}
		/* esinq wrap > Form Area > Scheme > Input */
		#eshare_entry_input .esinq-frm-item dt,
		#eshare_entry_input .esinq-frm-item dd {
			padding: 40px 0;
			vertical-align: top;
			}
		#eshare_entry_input .esinq-frm-item.esinq-frm-dthlf dt { width: 16.5%; }
			#eshare_entry_input .esinq-frm-item.esinq-frm-dthlf dt span { padding-right: 0; }
		#eshare_entry_input .esinq-frm-item.esinq-frm-cusnumber dt,
		#eshare_entry_input .esinq-frm-item.esinq-frm-cusnumber dd { padding-bottom: 0; }
		#eshare_entry_input .esinq-frm-item dd {
			font-size: 15px;
			padding-left: 45px;
			}
		#eshare_entry_input .esinq-frm-item dt span {
			margin-top: 10px;
			padding-right: 120px;
			}
			#eshare_entry_input .esinq-frm-item dt span:before {
				font-size: 17px;
				position: absolute;
				right: 0;
				top: 50%;
				width: 100px;

				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				}
		#eshare_entry_input .esinq-frm-item.esinq-frm-smtn dt span { margin-top: 0; }
		/* esinq wrap > Form Area > Scheme > Confirm */
		#eshare_entry_confirm .esinq-frm-item dt span {}
		.esinq-frm-fitcorr {}
		#eshare_entry_confirm .esinq-frm-item dt,
		#eshare_entry_confirm .esinq-frm-item dd {
			padding: 20px 0;
			vertical-align: middle;
			}

	/* esinq wrap > Info Area */
	.esinq-frm-infoarea { padding: 35px 1em; }
		.esinq-frm-infoarea p {
			font-size: 16px;
			line-height: 1.75;
			}
			.esinq-frm-infoarea p a.link {
				color: rgba(50, 145, 75, 1);
				font-weight: 700;
				text-decoration: underline;
				}

	/* esinq wrap > Btn Area */
	.esinq-frm-btnarea {}
		.esinq-frm-ba-wrap {
			left: 0;
			top: 0;

			-webkit-transition: .3s;
			transition: .3s;

			-webkit-border-radius: 10px;
			border-radius: 10px;
			}
			.esinq-frm-ba-item {}
				.esinq-frm-ba-item .check_cell {}
				.btn-item {}
		/* esinq wrap > Btn Area > Scheme > Input */
		#eshare_entry_input .esinq-frm-ba-wrap { padding: 10px 30px; }
		#eshare_entry_input .frm-ba-active {}
		#eshare_entry_input #frm_policy { margin-right: 10px; }
		#eshare_entry_input #btn-submit {}
		#eshare_entry_input .frm-ba-active:hover {
			left: 3px;
			top: 3px;

			-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
			box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
			}
		/* esinq wrap > Btn Area > Scheme > Confirm */
		#eshare_entry_confirm .esinq-frm-ba-wrap {
			display: flex;
			padding: 30px 0;
			flex-flow: row-reverse;
			}
			#eshare_entry_confirm .esinq-frm-ba-item {
				left: 0;
				margin: 0 10px 10px;
				top: 0;
				width: 250px;

				-webkit-transition: .3s;
				transition: .3s;

				-webkit-border-radius: 10px;
				border-radius: 10px;
				}
				#eshare_entry_confirm .esinq-frm-ba-item a { padding: 20px 0; }
			#eshare_entry_confirm #btn-back {}
			#eshare_entry_confirm #btn-submit {}
			#eshare_entry_confirm .esinq-frm-ba-item:hover {
				left: 3px;
				top: 3px;

				-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .5);
				box-shadow: 5px 5px 15px rgba(0, 0, 0, .5);
				}

	/* esinq wrap > Thanks */
	#esinq-thanks { padding: 20px 20px 0; }
		#esinq-tks-ttlarea { font-size: 23px; }
		#esinq-tks-bodyarea { margin-top: 20px; }
			#esinq-tks-bodyarea p {
				font-size: 16px;
				letter-spacing: .5px;
				line-height: 2;
				}
				#esinq-tks-bodyarea p strong { font-size: 120%; }
				#esinq-tks-bodyarea p a {}


					.subTable .subTableCell input {
						max-width:24em;
					}


}

@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, #eshare_entry_input .esinq-frm-item dt span:before {
			line-height:1;
			padding:3px 0;
			font-family: Century Gothic, "ヒラギノゴシック ProN W3", "Hiragino Gothic ProN","HGゴシックE","ＭＳ Ｐゴシック","ＭＳ ゴシック",serif;
		}
}


/* ------------------------------------------------ */



@media screen and (max-width: 750px) {



/*
	Common

--------------------------------------------------- */



/*
	esinq wrap

--------------------------------------------------- */
#esinq-wrap { padding: 0 20px 40px; }

	/* esinq wrap > Common */
	input, label, select {}
	input, select {
		font-size: 16px;
	    margin: 0 5px;
	    padding: 5px 2%;
		}
	label { font-size: 13px; }
		/* esinq wrap > Common > Scheme */
		.inp-full {}
		.inp-mdl { width: 90%; }
		.inp-half {}
		.inp-quarter { width: 150px; }
		#gas_04,
		#electrical_03,
		#current_buy_03 { width: 90%; }

	/* esinq wrap > Title Area */
	#esinq-ttlarea {
		padding: 30px 0;
		text-align: center;
		}
		#esinq-ttl { font-size: 20px; }
			#esinq-ttl small {
				font-size: 15px;
				line-height: 1.35;
				margin-bottom: 5px;
				}

	/* esinq wrap > Form Area */
	#esinq-form {}
		#esinq-frm-list {}
			.esinq-frm-item { padding: 25px 0 20px; }
				.esinq-frm-item dt,
				.esinq-frm-item dd {}
				.esinq-frm-item dt { font-size: 15px; }
					.esinq-frm-item dt span {
						display: inline-block;
						padding-right: 70px;
						vertical-align: middle;
						}
					.esinq-frm-item dt span:before {
						display: inline-block;
						font-size: 12px;
						position: absolute;
						right: 0;
						top: 50%;
						width: 60px;

						-webkit-transform: translateY(-50%);
						transform: translateY(-50%);
						}
				.esinq-frm-item dd { font-size: 13px; }
					.error { margin-bottom: 5px; }
						.error p { font-size: 13px; }
					.esinq-frm-cell { width: 100%; }
					.esinq-frm-att { margin: 10px; }
						.esinq-frm-att p {
							font-size: 12px;
							line-height: 1.5;
							}
						.check_cell {
							margin: 0 5px 15px;

							align-items: center;
							display: inline-flex;
							justify-content: start;
							}
			.esinq-com-att { padding: 10px 0 25px; }
				.esinq-com-att p {
					font-size: 12px;
					line-height: 1.5;
					}
		/* esinq wrap > Form Area > Scheme > Input */
		#eshare_entry_input .esinq-frm-fitcorr { padding-bottom: 10px; }
			#eshare_entry_input .esinq-frm-item dd { padding-top: 15px; }
		#eshare_entry_input .esinq-frm-item.esinq-frm-cusnumber { padding-bottom: 0; }
		/* esinq wrap > Form Area > Scheme > Confirm */
			#eshare_entry_confirm .esinq-frm-item dd { padding-top: 7.5px; }

	/* esinq wrap > Info Area */
	.esinq-frm-infoarea { padding: 20px 0; }
		.esinq-frm-infoarea p {
			font-size: 12.5px;
			line-height: 1.75;
			}

	/* esinq wrap > Btn Area */
	.esinq-frm-btnarea { text-align: center; }
		.esinq-frm-ba-wrap {
			padding: 10px 30px;

			-webkit-border-radius: 10px;
			border-radius: 10px;
			}
			.esinq-frm-ba-item {}
				.esinq-frm-ba-item .check_cell {}
				.btn-item {}
		/* esinq wrap > Btn Area > Scheme > Input */
		#eshare_entry_input .frm-ba-active {}
		#eshare_entry_input #frm_policy { margin-right: 10px; }
		#eshare_entry_input #btn-submit {
			font-size: 15px;
			line-height: 1.5;
			}
		/* esinq wrap > Btn Area > Scheme > Confirm */
		#eshare_entry_confirm .esinq-frm-ba-wrap {
			display: block;
			padding: 20px 20px 0;
			}
			#eshare_entry_confirm .esinq-frm-ba-item {
				margin-bottom: 15px;
				width: 100%;

				-webkit-border-radius: 10px;
				border-radius: 10px;
				}
				#eshare_entry_confirm .esinq-frm-ba-item a {
					font-size: 18px;
					padding: 20px 0;
					}
			#eshare_entry_confirm #btn-back {}
			#eshare_entry_confirm #btn-submit {}

	/* esinq wrap > Thanks */
	#esinq-thanks { padding: 20px 0 0; }
		#esinq-tks-ttlarea {
			font-size: 20px;
			line-height: 1.35;
			}
		#esinq-tks-bodyarea { margin-top: 20px; }
			#esinq-tks-bodyarea p {
				font-size: 13px;
				letter-spacing: .5px;
				line-height: 2;
				}
				#esinq-tks-bodyarea p strong { font-size: 120%; }
				#esinq-tks-bodyarea p a {}




}

/* ****************************************

  Regist

**************************************** */
			#eshare_entry_regist .esinq-frm-req dt span:before {
				background-color: rgba(230, 0, 20, 1);
				content: '必須';
				}
			#eshare_entry_regist .esinq-frm-any dt span:before {
				background-color: rgba(100, 100, 100, 1);
				content: '任意';
				}
			#eshare_entry_regist .esinq-frm-item dt span:before {
				color: rgba(255, 255, 255, 1);
				display: inline-block;
				line-height: 1.3;
				text-align: center;
				}
		#eshare_entry_regist .esinq-frm-ba-wrap {}
			#eshare_entry_regist .esinq-frm-ba-item {
				overflow: hidden;
				position: relative;

				-webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, .2);
				box-shadow: 10px 10px 30px rgba(0, 0, 0, .2);
				}
				#eshare_entry_regist .esinq-frm-ba-item a,
				#eshare_entry_regist .esinq-frm-ba-item button {
					color: rgba(255, 255, 255, 1);
					display: block;
					text-align: center;
					}
				#eshare_entry_regist .esinq-frm-ba-item button {
					border:none;
					background:none;
					width:100%;
					cursor:pointer;
				}

			#eshare_entry_regist #btn-back { background-color: rgba(0, 0, 0, .5); }
			#eshare_entry_regist #btn-submit { background-color: rgba(25, 170, 75, 1); }
@media screen and (min-width: 751px) {
		#eshare_entry_regist .esinq-frm-item dt {
			padding: 40px 0 40px 1em;
			vertical-align: top;
			}
		#eshare_entry_regist .esinq-frm-item dd {
			font-size: 15px;
			padding: 40px 0 40px 45px;
			vertical-align: top;
			}
    #eshare_entry_regist .esinq-frm-item dt span {
			margin-top: 10px;
			padding-right: 120px;
			}
			#eshare_entry_regist .esinq-frm-item dt span:before {
				font-size: 17px;
				position: absolute;
				right: 0;
				top: 50%;
				width: 100px;

				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				}
		#eshare_entry_regist .esinq-frm-ba-wrap {
			display: flex;
			padding: 30px 0;
			flex-flow: row-reverse;
			}
			#eshare_entry_regist .esinq-frm-ba-item {
				left: 0;
				margin: 0 10px 10px;
				top: 0;
				width: 250px;

				-webkit-transition: .3s;
				transition: .3s;

				-webkit-border-radius: 10px;
				border-radius: 10px;
				}
				#eshare_entry_regist .esinq-frm-ba-item a,
				#eshare_entry_regist .esinq-frm-ba-item button { padding: 20px 0; }
			#eshare_entry_regist .esinq-frm-ba-item:hover {
				left: 3px;
				top: 3px;

				-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .5);
				box-shadow: 5px 5px 15px rgba(0, 0, 0, .5);
				}

.pc_none {
	display:none;
}
}

@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, #eshare_entry_regist .esinq-frm-item dt span:before {
			line-height:1;
			padding:3px 0;
			font-family: Century Gothic, "ヒラギノゴシック ProN W3", "Hiragino Gothic ProN","HGゴシックE","ＭＳ Ｐゴシック","ＭＳ ゴシック",serif;
		}
}

@media screen and (max-width: 750px) {
		#eshare_entry_regist .esinq-frm-item dd { padding-top: 15px; }
		#eshare_entry_regist .esinq-frm-ba-wrap {
			display: block;
			padding: 20px 20px 0;
			}
			#eshare_entry_regist .esinq-frm-ba-item {
				margin-bottom: 15px;
				width: 100%;

				-webkit-border-radius: 10px;
				border-radius: 10px;
				}
				#eshare_entry_regist .esinq-frm-ba-item a,
				#eshare_entry_regist .esinq-frm-ba-item button {
					font-size: 18px;
					padding: 20px 0;
					}
}

.phaseBox_Base {
	background-color:#fff;
	padding:2em 1em;
}
#eshare_entry_confirm .phaseBox_Base {
	margin-bottom:3em;
}

.phaseBox {
  width:100%;
	max-width:1100px;
	margin:0 auto;
	text-align:center;
	letter-spacing:-0.6em;
}
.phaseBox dl {
    /* background: rgba(0, 0, 0, 0.5); */
  color: rgba(255, 255, 255, 1);
    display: inline-block;
		letter-spacing:normal;
    /* clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); */
		background-image:url(../../../../src/img/arrow.png);
		background-position:right center;
		background-repeat:no-repeat;
		background-size:cover;
  margin: auto;
    height: 74px;
    width: 24%;
		box-sizing:border-box;
    text-align: center;
  vertical-align: middle;
	padding:0.5em 2em 0.5em 0;
	margin:0 0.5%;
}
.phaseBox dl:last-child {
	/* clip-path: polygon(0% 0%,85% 0%, 85% 100%, 0% 100%); */
	background-color:#7f7f7f;
	padding:0.5em 0;
	width:22%;
}
.phaseBox dl.active {
    /* background: rgba(50, 145, 75, 1); */
		background-image:url(../../../../src/img/arrow_active.png);
}
.phaseBox dt {
	margin-bottom:0.5em;
}
.phaseBox dl:nth-child(2n) dd{
	line-height:2;
}

.esinq-frm-introarea {
  width:100%;
	box-sizing:border-box;
	padding:3em 1em 1em;
	max-width:1100px;
	margin:0 auto;
}
.esinq-frm-introarea .esinq-ttl2 {
	padding:1em 4em;
	font-weight:bold;
	font-size:1rem;
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	margin-bottom:1rem;
}
.esinq-frm-introarea ul {
	padding:2em 4em 2em 5em;
	list-style:disc;
	line-height:1.8;
}
@media screen and (max-width: 750px) {
.sp_none {
	display:none;
}
.phaseBox_Base {
	padding:1em;
}
.phaseBox dl,
.phaseBox dl:last-child {
	font-size:82%;
	/* clip-path: polygon(0% 0%,100% 0%, 100% 100%, 0% 100%); */
	background-color:#7f7f7f;
	background-image:none;
	margin:0.15em 0;
	width:100%;
	box-sizing:border-box;
	height:auto;
	padding:0.25em 0;
}
.phaseBox dl.active {
	background-image:none;
	background-color:#32914b;
}
.esinq-frm-introarea {
	padding:1em 0 1em;
}
.esinq-frm-introarea .esinq-ttl2 {
	padding:1em;
}
.esinq-frm-introarea ul {
	font-size:82%;
	padding:0 1em 1em 2em;
}
.phaseBox dl:nth-child(2n) dd{
	line-height:1;
}
}


.errorBlock {
	text-align:center;
	color:rgba(230, 0, 20, 1);
	font-weight:bold;
	padding:2em 0;
}