/* wordpressに読み込ませるために、このファイルは不可欠。
削除するとテーマが壊れています。と言われる。 */
/*
Threme Name: ecoland
Threme URI: https://nanofun.co.jp
Author: 株式会社nanofun Web制作チーム
Author URI: https://nanofun.co.jp
Description: ecoland専用に制作したテーマになります。
Version: 1.0
License: Nanofun Inc.
License URI:
Tags: 企業向け,コーポレート,シンプル,レスポンシブ
Text Domain: nanofun threme
*/


.hide {
	display: none;
}
#form .container {
	margin: 0 auto;
	width: 75% !important;
	max-width: 750px !important;
}
.form_pane {
	position: relative;
	margin: 1.5rem auto;
	padding: 2.5rem 2.5rem 7rem 2.5rem;
	border-radius: 15px;
	background: #fff;
}
.form_pane h4 {
	position: relative;
	margin-bottom: 1.5rem;
	padding-left: 90px;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 70px;

	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 70px;
	line-height: 25px;
	
}
.form_pane h4::before {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 70px;
	height: 70px;
	background: #f0f7ff url(assets/img/icon_face.png) no-repeat center / cover;
	background: #f0f7ff url(assets/img/home/img_ope_alt.png) no-repeat center / cover;
	border-radius: 50%;
	overflow: hidden;
}
.form_pane h4 .label {
	display: block;
	color: #000;
	font-size: 0.75rem;
	font-weight: 500;
}
.form_pane h4.double {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 25px;
}
.form_list li {
	float: left;
	margin: 0 0.65rem 0.75rem 0 !important;
}
.form_list li.form_input_zip {
	float: none;
	margin: 0 !important;
}
.form_list li:last-of-type {
	margin-bottom: 0 !important;
}
.form_navi {
	transition: all 360ms ease-in-out;
}
.form_navi:hover {
	transition: all 260ms ease-in-out;
}
.form_next {
	position: absolute;
	left: 50%;
	bottom: 2rem;
	transform: translateX(-50%);
	padding: 1.55rem 0 1.25rem 0;
	width: 60%;
	line-height: 1rem;
	font-weight: 500;
	color: #fff;
	border-radius: 10px;
	cursor: default !important;
	background: #ccc url(assets/img/icon_next.png) no-repeat left 20px center / 18px;
}
.form_next.active_email.active_tel,
.form_next.active {
	background-color: #439497;
	background-color: #1a73e8;
	cursor: pointer !important;
}
.form_reset,
.form_button {
	padding: 0.78rem 1.2rem 0.7rem 1.2rem;
	padding: 0.78rem 1.2rem 0.7rem 2.2rem;
	color: #000;
	border: solid 1px #f0f0f0;
	border-radius: 200px;
	line-height: 1.2rem;
	font-size: 1rem;
	font-weight: 500;
	text-align: center;
	cursor: pointer;
	background: #f0f0f0 url(assets/img/icon_unchecked.png) no-repeat left 12px center / 15px;
	transition: all 260ms ease-in-out;
}
.form_reset:hover,
.form_button:hover {
	transform: scale(1.05);
	transition: all 260ms ease-in-out;
}
.form_reset.active,
.form_button.active {
	border: solid 1px #F0E45E;
	background: #F0E45E url(assets/img/icon_checked.png) no-repeat left 12px center / 15px;
	transition: all 160ms ease-in-out;
}
.form_reset.active {
	border: solid 1px #adbac1;
	background: #adbac1 url(assets/img/icon_checked.png) no-repeat left 12px center / 15px;
}
.note {
	margin-bottom: 1.5rem;
	font-size: 0.85rem;
}
.form_input_full .form_input_text {
	margin: 0 !important;
	width: 100%;
}
.form_input_zip input[type='text'] {
	display: block !important;
	padding: 1rem 1.5rem 1rem 3rem !important;
	height: 2rem !important;
	width: 100% !important;
	height: 100% !important;
	line-height: 1rem !important;
	border-radius: 10px !important;
	text-align: center;
	font-size: 1rem !important;
	border: 1px solid #fff !important;
	font-family: sans-serif !important;
	font-weight: 500 !important;
	color: #000 !important;
	background: #f0f0f0 !important;
}
input:focus {
	outline: none !important;
}
.form_input_zip {
	position: relative;
	margin: 0 auto;
	width: 220px !important;
	text-align: center;
}
.form_input_zip::before {
	position: absolute;
	left: 18px;
	top: 1rem;
	content: '〒';
	color: #888;
	z-index: 1;
}
.form_list .form_input_text input {
	display: block !important;
	padding: 1rem 1.5rem !important;
	height: 2rem !important;
	width: 100% !important;
	height: 100% !important;
	line-height: 1rem !important;
	border-radius: 10px !important;
	font-size: 1rem !important;
	border: 1px solid #fff !important;
	font-family: sans-serif !important;
	font-weight: 500 !important;
	color: #000 !important;
	background: #f0f0f0 !important;
}
.form_list .form_input_text .label {
	display: block !important;
	margin-bottom: 0.35rem;
	font-size: 0.9rem;
	font-weight: 500;
}
.form_input_tel p,
.form_input_email p,
.form_input_name p {
	position: relative;
	display: inline-block;
	width: 100% !important;
}
.form_list .form_input_name input {
	padding: 1rem 3rem 1rem 1.5rem !important;
}
.form_list .form_input_name p::before {
	position: absolute;
	right: 18px;
	top: 1rem;
	content: '様';
	color: #888;
	z-index: 1;
}
.form_list .form_input_tel input,
.form_list .form_input_email input {
	padding: 1rem 1.5rem !important;
}
.form_list textarea {
	display: block !important;
	padding: 1rem 1.5rem !important;
	width: 100% !important;
	height: 10rem !important;
	line-height: 1.6rem !important;
	border-radius: 10px !important;
	font-size: 1rem !important;
	border: 1px solid #fff !important;
	font-family: sans-serif !important;
	font-weight: 500 !important;
	color: #000 !important;
	background: #f0f0f0 !important;
}
.form_list textarea:focus {
	outline: none !important;
}
.form_submit {
	position: absolute;
	left: 50%;
	bottom: 2rem;
	transform: translateX(-50%);
	padding: 2.6rem 0 2.45rem 0;
	width: 60%;
	line-height: 1rem;
	font-size: 1.05rem;
	font-weight: 500;
	color: #fff;
	border-radius: 10px;
	border: none !important;
	background: #439497;
	background: #1a73e8;
	cursor: pointer !important;
}
.form_pane.form_pane_goal {
	padding: 2rem 2rem 7.5rem 2rem;
}

.wpcf7-response-output {
	margin-bottom: 2rem;
	border: solid 2px #c00;
	color: #c00;
	padding: 1.5rem 1rem;
	font-size: 1.1rem;
	font-weight: 500;
	text-align: center;
	border-radius: 8px;
	background: #fff;
}

.form_hide {
	display: none !important;
}
.wpcf7-not-valid-tip,
.form_hint {
	padding-left: 0.35rem;
	font-size: 0.9rem !important;
	font-weight: 400 !important;
	color: #dc3232 !important;
}


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

	#form .container {
		margin: 0 auto;
		width: 94% !important;
		max-width: 850px !important;
	}
	._form_pane {
		padding: 2rem 2rem 7rem 2rem;
	}
	.form_next {
		position: absolute;
		left: 50%;
		bottom: 2rem;
		transform: translateX(-50%);
		padding: 1.55rem 0 1.25rem 0;
		width: 85% !important;
	}
}

@media screen and (max-width: 800px) {
	
	.form_reset,
	.form_button {
		padding: 0.5rem 0.58rem 0.4rem 1.7rem;
		font-size: 0.8rem !important;
		background: #f0f0f0 url(assets/img/icon_unchecked.png) no-repeat left 9px center / 14px !important;
	}
	.form_reset.active,
	.form_button.active {
		background: #F0E45E url(assets/img/icon_checked.png) no-repeat left 9px center / 14px !important;
	}
	.form_reset.active {
		background: #adbac1 url(assets/img/icon_checked.png) no-repeat left 9px center / 14px !important;
	}
	.form_pane h4 {
		margin-bottom: 1rem;
		padding-left: 80px;
		min-height: 60px;
		font-size: 1rem;
		font-weight: 500;
		line-height: 60px;
		padding-top: 5px;
		padding-bottom: 5px;
		line-height: 20px;
		
	}
	.form_pane h4::before {
		width: 60px;
		height: 60px;
	}
	.form_next {
		padding: 1.1rem 0 1rem 0;
		width: 88% !important;
		bottom: 1.65rem !important;
		font-size: 0.85rem;
	}
	.form_pane {
		padding: 2rem 1.25rem 6.5rem 1.25rem !important;
	}
	.form_list li {
		margin: 0 0.35rem 0.45rem 0 !important;
	}
	.form_list li.form_input_zip {
		margin: 0 !important;
	}
	.form_list li:last-of-type {
		margin-bottom: 0 !important;
	}
	.form_pane h4 br {
		display: none !important;
	}
	#form .container {
		margin: 0 auto;
		width: 100% !important;
		max-width: 750px !important;
	}
	.form_submit {
		padding: 2.2rem 0 2.05rem 0;
		width: 88% !important;
	}
	
}