@charset "UTF-8";
/*
 * contact.css
 *
 */

/* !お問い合わせ先
---------------------------------------------------------- */
.indexIntro {
	width:100%;
	padding:80px 50px 100px 50px;
}
	.indexIntro div.inner {
		width:100%;
		max-width:1200px;
		margin:0 auto ;
		display: flex;
		justify-content: space-between;
	}
		.indexIntro div.inner div.left {
			width:35%;
		}
			.indexIntro div.inner div.left h2 {
				font-size:28px;
				font-weight: 700;
				line-height: 1.6;
				color: #65B401;
				padding-left:0.6em;
				border-left:5px solid #65B401;
			}
		.indexIntro div.inner div.right {
			width:65%;
		}
			.indexIntro div.inner div.right table {
				position: relative;
				width: 100%;
				border-collapse:collapse;
			}
				.indexIntro div.inner div.right table tr:first-child th,
				.indexIntro div.inner div.right table tr:first-child td {
					border-top: 1px solid #E1E6D9;
				}
				.indexIntro div.inner div.right table th,
				.indexIntro div.inner div.right table td {
					padding: 1.6em 0;
					border-bottom: 1px solid #E1E6D9;
				}
				.indexIntro div.inner div.right table th {
					width:20%;
					vertical-align:top;
					font-weight: 700;
					color:#65B401;
				}
				.indexIntro div.inner div.right table td {
					width:80%;
					vertical-align:top;
				}

@media screen and (max-width:1039px){
.indexIntro {
	padding:60px 30px 80px 30px;
}
	.indexIntro div.inner {
		flex-wrap: wrap;
	}
		.indexIntro div.inner div.left {
			width:100%;
			margin-bottom: 40px;
		}
			.indexIntro div.inner div.left h2 {
				font-size:24px;
			}
		.indexIntro div.inner div.right {
			width:100%;
		}
}


@media screen and (max-width:767px){
.indexIntro {
	padding:40px 25px 70px 25px;
}
	.indexIntro div.inner {
		flex-wrap: wrap;
	}
		.indexIntro div.inner div.left {
			width:100%;
			margin-bottom: 30px;
		}
			.indexIntro div.inner div.left h2 {
				font-size:20px;
			}
			.indexIntro div.inner div.right table,
			.indexIntro div.inner div.right table thead,
			.indexIntro div.inner div.right table tbody,
			.indexIntro div.inner div.right table tr,
			.indexIntro div.inner div.right table th,
			.indexIntro div.inner div.right table td {
				width: 100%;
				display: block;
				margin-left: 0;
			}
				.indexIntro div.inner div.right table tr:first-child td {
					border-top: 0;
				}
				.indexIntro div.inner div.right table th {
					font-weight:bold;
					padding: 1.2em 0 0 0;
					border-bottom:0;
				}
				.indexIntro div.inner div.right table td {
					padding: 0.6em 0 1.2em 0;
					border-bottom:1px solid #DAE0E4;
					display: flex;
					flex-wrap: wrap;
				}
}

/* !お問い合わせフォーム
---------------------------------------------------------- */
.indexForm {
	width:auto;
	margin: 0 20px;
	padding:100px 50px 100px 50px;
	background: #F7FBF2;
	border-radius: 12px;
	margin-bottom: 100px;
}
	.indexForm div.inner {
		width:100%;
		max-width:1200px;
		display: flex;
		margin:0 auto ;
	}
		.indexForm div.inner div.left {
			width:36%;
		}
			.indexForm div.inner div.left h2 {
				font-size:28px;
				font-weight: 700;
				line-height: 1.6;
				color: #65B401;
				padding-left:0.6em;
				border-left:5px solid #65B401;
			}
		.indexForm div.inner div.right {
			width:64%;
		}
			.indexForm div.inner div.right p.read {
				margin-bottom: 30px;
			}
			.indexForm div.inner div.right p.readEnd {
				margin-bottom: 60px;
			}
		.indexForm div.inner div.right {
			width:70%;
		}
			.indexForm div.inner div.right table {
				position: relative;
				width: 100%;
				border-collapse:collapse;
			}
				.indexForm div.inner div.right table tr:first-child th,
				.indexForm div.inner div.right table tr:first-child td {
					border-top: 1px solid #E1E6D9;
				}
				.indexForm div.inner div.right table th,
				.indexForm div.inner div.right table td {
					padding: 1.6em 0;
					border-bottom: 1px solid #E1E6D9;
				}
				.indexForm div.inner div.right table th {
					width:30%;
					vertical-align:top;
					font-weight: 700;
					color:#65B401;
				}
				.indexForm div.inner div.right table td {
					width:70%;
					vertical-align:top;
				}

.confirmForm {
	width:100%;
	padding:80px 50px 100px 50px;
}
	.confirmForm div.inner {
		width:100%;
		max-width:1200px;
		margin:0 auto ;
		display: flex;
		justify-content: space-between;
	}
		.confirmForm div.inner div.left {
			width:35%;
		}
			.confirmForm div.inner div.left h2 {
				font-size:28px;
				font-weight: 700;
				line-height: 1.6;
				color: #65B401;
				padding-left:0.6em;
				border-left:5px solid #65B401;
			}
		.confirmForm div.inner div.right {
			width:65%;
		}
			.confirmForm div.inner div.right table {
				position: relative;
				width: 100%;
				border-collapse:collapse;
			}
				.confirmForm div.inner div.right table tr:first-child th,
				.confirmForm div.inner div.right table tr:first-child td {
					border-top: 1px solid #E1E6D9;
				}
				.confirmForm div.inner div.right table th,
				.confirmForm div.inner div.right table td {
					padding: 1.6em 0;
					border-bottom: 1px solid #E1E6D9;
				}
				.confirmForm div.inner div.right table th {
					width:30%;
					vertical-align:top;
					font-weight: 700;
					color:#65B401;
				}
				.confirmForm div.inner div.right table td {
					width:70%;
					vertical-align:top;
				}
a.indexBtn {
	display: inline-block;
	padding:0.6em 1.6em;
	font-size:700;
	background: #f2f2f2;
	border-radius: 4px;
	transition:.6s;
}
	a.indexBtn:hover {
		color: #FFF;
		background: #65B401;
	}
	a.indexBtn i {
		margin-right: 0.8em;
	}

@media screen and (max-width:1039px){
.indexForm {
	padding:70px 30px 70px 30px;
	margin-bottom: 80px;
}
	.indexForm div.inner {
		flex-wrap: wrap;
	}
		.indexForm div.inner div.left {
			width:100%;
			margin-bottom: 40px;
		}
			.indexForm div.inner div.left h2 {
				font-size:24px;
			}
		.indexForm div.inner div.right {
			width:100%;
		}
	
.confirmForm {
	padding:60px 30px 80px 30px;
}
	.confirmForm div.inner {
		flex-wrap: wrap;
	}
		.confirmForm div.inner div.left {
			width:100%;
			margin-bottom: 40px;
		}
			.confirmForm div.inner div.left h2 {
				font-size:24px;
			}
		.confirmForm div.inner div.right {
			width:100%;
		}
	
	a.indexBtn:hover {
		color: #111;
		background: #f2f2f2;
	}
}

@media screen and (max-width:767px){
.indexForm {
	margin: 0 15px;
	padding:50px 20px 50px 20px;
	margin-bottom: 70px;
}
	.indexForm div.inner {
		flex-wrap: wrap;
	}
		.indexForm div.inner div.left {
			margin-bottom: 30px;
		}
			.indexForm div.inner div.left h2 {
				font-size:20px;
			}
			.indexForm div.inner div.right p.readEnd {
				margin-bottom: 50px;
			}
		.indexForm div.inner div.right {
			width:100%;
		}
			.indexForm div.inner div.right table,
			.indexForm div.inner div.right table thead,
			.indexForm div.inner div.right table tbody,
			.indexForm div.inner div.right table tr,
			.indexForm div.inner div.right table th,
			.indexForm div.inner div.right table td {
				width: 100%;
				display: block;
				margin-left: 0;
			}
				.indexForm div.inner div.right table tr:first-child td {
					border-top: 0;
				}
				.indexForm div.inner div.right table th {
					font-weight:bold;
					padding: 1.2em 0 0 0;
					border-bottom:0;
				}
				.indexForm div.inner div.right table td {
					padding: 0.6em 0 1.2em 0;
					border-bottom:1px solid #DAE0E4;
					display: flex;
					flex-wrap: wrap;
				}
	
.confirmForm {
	padding:40px 25px 70px 25px;
}
	.confirmForm div.inner {
		flex-wrap: wrap;
	}
		.confirmForm div.inner div.left {
			width:100%;
			margin-bottom: 30px;
		}
			.confirmForm div.inner div.left h2 {
				font-size:20px;
			}
			.confirmForm div.inner div.right table,
			.confirmForm div.inner div.right table thead,
			.confirmForm div.inner div.right table tbody,
			.confirmForm div.inner div.right table tr,
			.confirmForm div.inner div.right table th,
			.confirmForm div.inner div.right table td {
				width: 100%;
				display: block;
				margin-left: 0;
			}
				.confirmForm div.inner div.right table tr:first-child td {
					border-top: 0;
				}
				.confirmForm div.inner div.right table th {
					font-weight:bold;
					padding: 1.2em 0 0 0;
					border-bottom:0;
				}
				.confirmForm div.inner div.right table td {
					padding: 0.6em 0 1.2em 0;
					border-bottom:1px solid #DAE0E4;
					display: flex;
					flex-wrap: wrap;
				}
}

/* !入会のご案内
---------------------------------------------------------- */
.entryIntro {
	width:100%;
	padding:80px 50px 100px 50px;
}
	.entryIntro div.inner {
		width:100%;
		max-width:1200px;
		margin:0 auto ;
	}
		.entryIntro div.inner h2 {
			font-size:40px;
			font-weight: 700;
			line-height: 1.6;
			color: #65B401;
			letter-spacing: 0.04em;
			position: relative;
			padding-left:60px;
			margin-bottom: 50px;
		}
			.entryIntro div.inner h2:before {
				position: absolute;
				content:"";
				width:40px;
				height: 1px;
				background: #65B401;
				top:50%;
				left:0;
			}
		.entryIntro div.inner h3 {
			font-size:28px;
			font-weight: 700;
			line-height: 1.6;
			color: #65B401;
			padding-left:0.6em;
			border-left:5px solid #65B401;
			margin-bottom: 40px;
		}
		.entryIntro div.inner ul {
			width:100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
			.entryIntro div.inner ul li {
				width:48%;
			}
				.entryIntro div.inner ul li a {
					display: block;
					width:100%;
					color: #111;
					line-height: 1.6;
					padding:1.2em 0.8em;
					border-bottom:1px solid #E9ECE3;
					transition: .5s;
				}
				.entryIntro div.inner ul li:first-child a {
					border-top:1px solid #E9ECE3;
				}
				.entryIntro div.inner ul li:nth-child(2) a {
					border-top:1px solid #E9ECE3;
				}
					.entryIntro div.inner ul li a:hover {
						color: #65B401;
						background: #ECF6E0;
					}
					.entryIntro div.inner ul li a i {
						color: #65B401;
						margin-left: 0.6em;
					}

@media screen and (max-width:1039px){
.entryIntro {
	padding:60px 30px 80px 30px;
}
		.entryIntro div.inner h2 {
			font-size:36px;
			margin-bottom: 40px;
		}
		.entryIntro div.inner h3 {
			font-size:24px;
			margin-bottom: 30px;
		}
			.entryIntro div.inner ul li {
				width:48%;
			}
				.entryIntro div.inner ul li a {
					padding:1.2em 0;
				}
					.entryIntro div.inner ul li a:hover {
						color: #111;
						background: none;
					}
}

@media screen and (max-width:767px){
.entryIntro {
	padding:40px 25px 70px 25px;
}
		.entryIntro div.inner h2 {
			font-size:24px;
			padding-left:35px;
			margin-bottom: 30px;
		}
			.entryIntro div.inner h2:before {
				width:20px;
				top:50%;
			}
		.entryIntro div.inner h3 {
			font-size:20px;
			margin-bottom: 30px;
		}
			.entryIntro div.inner ul li {
				width:100%;
			}
				.entryIntro div.inner ul li:nth-child(2) a {
					border-top:0;
				}
}