@charset "UTF-8";

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

	Second Page - Recommend

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

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

	Common

--------------------------------------------------- */
/* Wrap */
#ecofesta2020-wrap {
	background-color: rgba(247, 217, 0, 1);
	text-align: center;
	}
/* CV Area */
#eft-cvarea {}
	#eft-cvarea p {}
/* Info Area */
.eft-infoarea {
	background-color: rgba(255, 255, 255, 1);
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	}
	.eft-ia-item {}
		.eft-ia-item p {}
		.eft-ia-tel {
			color: rgba(50, 50, 50, 1);
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			}
			.eft-ia-tel span {
				background-image: url(/src/image/common/icon/tel-green.png);
				background-position: left center;
				background-repeat: no-repeat;
				}
		.eft-ia-item .com-zipcodecheck-wrap {}
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
/* Wrap */
#ecofesta2020-wrap { padding: 20px 20px 60px; }
/* CV Area */
#eft-cvarea {}
	#eft-cvarea p {
		font-size: 20px;
		line-height: 1.75;
		margin-bottom: 20px;
		}
	/* CV Area > Scheme */
	#eft-outline #eft-cvarea { margin-top: 30px; }
	#eft-list-wrap #eft-cvarea {}
/* Info Area */
.eft-infoarea { border-radius: 20px; }
	.eft-ia-item { padding: 30px; }
		.eft-ia-item p {
			font-size: 25px;
			line-height: 1.5;
			margin-bottom: 15px;
			}
		.eft-ia-tel {
			margin-left: -15px;
			pointer-events: none;
			}
			.eft-ia-tel span {
				background-size: 25px;
				font-size: 40px;
				padding-left: 35px;
				}
		.eft-ia-item .com-zipcodecheck-wrap { margin-top: 30px; }
	/* Info Area > Scheme */
	.eft-infoarea.blk01 { margin-bottom: 30px; }
	.eft-infoarea.blk02 { margin-top: 40px; }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
/* Wrap */
#ecofesta2020-wrap { padding: 10px 10px 40px; }
/* CV Area */
#eft-cvarea {}
	#eft-cvarea p {
		font-size: 15px;
		line-height: 1.75;
		margin-bottom: 15px;
		}
	/* CV Area > Scheme */
	#eft-outline #eft-cvarea { margin-top: 30px; }
	#eft-list-wrap #eft-cvarea {}
/* Info Area */
.eft-infoarea {
	padding: 15px 5px;
	border-radius: 15px;
	}
	.eft-ia-item { padding: 10px; }
		.eft-ia-item p {
			font-size: 17px;
			line-height: 1.5;
			margin-bottom: 5px;
			}
		.eft-ia-tel { margin-left: -15px; }
			.eft-ia-tel span {
				background-size: 20px;
				font-size: 25px;
				padding-left: 30px;
				}
		.eft-ia-item .com-zipcodecheck-wrap { margin-top: 25px; }
			.eft-ia-item .com-zipcodecheck {
				border-bottom: 3px solid rgba(30, 172, 75, 1);
				border-radius: 15px;
				}
	/* Info Area > Scheme */
	.eft-infoarea.blk01 { margin-bottom: 20px; }
	.eft-infoarea.blk02 { margin-top: 20px; }
}

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

	Intro

--------------------------------------------------- */
#intro {}
/* ------------------------------------------------ */
@media screen and (min-width: 751px) { #intro {} }
/* ------------------------------------------------ */
@media screen and (max-width: 750px) { #intro { padding: 15px; } }

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

	Outline

--------------------------------------------------- */
#eft-outline {
	background-color: rgba(255, 255, 255, 1);
	margin: 0 auto;
	box-sizing: border-box;
	}
	#eft-otl-ttl {}
		#eft-otl-ttl img {}
	#eft-otl-greet {
		border: 2px solid rgba(34, 162, 205, 1);
		margin: 0 auto;
		}
		#eft-otl-grt-inner { border: 2px dashed rgba(34, 162, 205, 1); }
			#eft-otl-grt-ttl {}
			#eft-otl-greet p {}
	#eft-otl-place { margin: 0 auto; }
		#eft-otl-plc-ttlarea { text-align: left; }
			#eft-otl-plc-ttl {
				background-color: rgba(30, 30, 30, 1);
				color: rgba(255, 255, 255, 1);
				display: inline-block;
				}
			#eft-otl-plc-ttlarea p {}
		#eft-otl-plc-maparea {}
			#eft-otl-plc-maparea img {}
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
#eft-outline {
	max-width: 1000px;
	padding: 40px;
	border-radius: 20px;
	}
	#eft-otl-ttl {}
		#eft-otl-ttl img {}
	#eft-otl-greet {
		margin-top: 30px;
		max-width: 800px;
		padding: 10px;
		}
		#eft-otl-grt-inner {
			text-align: left;
			padding: 30px;
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
			}
			#eft-otl-grt-ttl {
				font-size: 20px;
				min-width: 130px;
				}
			#eft-otl-greet p {
				font-size: 15px;
				line-height: 1.75;
				}
	#eft-otl-place {
		margin-top: 30px;
		max-width: 800px;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		}
		#eft-otl-plc-ttlarea {}
			#eft-otl-plc-ttl {
				font-size: 25px;
				padding: 3px 30px;
				}
			#eft-otl-plc-ttlarea p {
				font-size: 20px;
				line-height: 1.75;
				padding: 15px 0;
				}
		#eft-otl-plc-maparea { max-width: 350px; }
			#eft-otl-plc-maparea img {}
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
#eft-outline {
	padding: 20px;
	border-radius: 15px;
	}
	#eft-otl-ttl {}
		#eft-otl-ttl img {}
	#eft-otl-greet {
		margin-top: 20px;
		padding: 5px;
		}
		#eft-otl-grt-inner {
			text-align: left;
			padding: 20px;
			}
			#eft-otl-grt-ttl { font-size: 18px; }
			#eft-otl-greet p {
				font-size: 13px;
				line-height: 1.75;
				margin-top: 15px;
				}
	#eft-otl-place { margin-top: 30px; }
		#eft-otl-plc-ttlarea {}
			#eft-otl-plc-ttl {
				font-size: 20px;
				padding: 3px 20px;
				}
			#eft-otl-plc-ttlarea p {
				font-size: 15px;
				line-height: 1.75;
				padding: 15px 0;
				}
		#eft-otl-plc-maparea { max-width: 350px; }
			#eft-otl-plc-maparea img {}
}

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

	List

--------------------------------------------------- */
#eft-list-wrap { margin: 0 auto; }
	.eft-lst-block { margin: 0 auto; }
		.eft-lst-ttl {}
			.eft-lst-ttl img {}
		.eft-list {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			justify-content: center;
			}
			.eft-lst-item {}
				.eft-lst-item img {}
	/* List > Scheme */
	.eft-lst-block.b02 { background-color: rgba(250, 222, 193, 1); }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
#eft-list-wrap { max-width: 1000px; }
	.eft-lst-block { padding: 40px 0 20px; }
		.eft-lst-ttl { margin-bottom: 30px; }
			.eft-lst-ttl img {}
		.eft-list {}
			.eft-lst-item {
				padding: 0 20px;
				margin-bottom: 20px;
				transition: all .3s;
				}
				.eft-lst-item img {}
	/* List > Scheme */
	.eft-lst-block.b02 {
		max-width: 750px;
		border-radius: 20px;
		}
	/* List > Hover */
	a.eft-lst-item:hover { opacity: .6; }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
#eft-list-wrap { max-width: 1000px; }
	.eft-lst-block { padding: 30px 0 0; }
		.eft-lst-ttl { margin-bottom: 15px; }
			.eft-lst-ttl img { max-width: 60%; }
		.eft-list {}
			.eft-lst-item {
				padding: 0 15px;
				margin-bottom: 30px;
				}
	/* List > Scheme */
	.eft-lst-block.b02 { border-radius: 15px; }
}

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

	Footer

--------------------------------------------------- */
.gl-footer { text-align: center; }
	.gl-footer .com-logoarea p {
		display: block;
		width: 100%;
		}
	.f-add {}
	.f-tel {}
		.f-tel .com-str-tel { margin: 0 auto; }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
.gl-footer { padding: 60px 20px; }
	.gl-footer .com-logoarea p { font-size: 25px; }
	.f-add {
		font-size: 20px;
		padding: 20px 0;
		}
	.f-tel {}
		.f-tel .com-str-tel { max-width: 300px; }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
.gl-footer { padding: 40px 15px; }
	.gl-footer .com-logoarea p { font-size: 20px; }
	.f-add {
		font-size: 15px;
		padding: 20px 0;
		}
	.f-tel {}
		.f-tel .com-str-tel { max-width: 200px; }
}

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

	zipcodecheck

--------------------------------------------------- */
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
.com-zipcodecheck-wrap.landscape { padding-bottom: 180px; }
}