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

/* !ご挨拶
---------------------------------------------------------- */
.aisatsu {
	width:100%;
	padding:80px 50px 100px 50px;
}
	.aisatsu div.inner {
		width:100%;
		max-width:1200px;
		margin:0 auto ;
	}
		.aisatsu 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;
		}
			.aisatsu div.inner h2:before {
				position: absolute;
				content:"";
				width:40px;
				height: 1px;
				background: #65B401;
				top:50%;
				left:0;
			}
		.aisatsu div.inner div.article {
			width:100%;
			display: flex;
			justify-content: space-between;
		}
			.aisatsu div.inner div.article div.left {
				width:60%;
			}
				.aisatsu div.inner div.article div.left p.read {
					margin-bottom: 30px;
				}
			.aisatsu div.inner div.article div.right {
				width:30%;
			}
				.aisatsu div.inner div.article div.right div.photo {
					width:auto;
					height: auto;
					padding:10px;
					background: #FFF;
					box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
					border-radius: 10px;
					margin-bottom: 20px;
				}
					.aisatsu div.inner div.article div.right div.photo img {
						display: block;
						width:100%;
						border-radius: 6px;
					}
				.aisatsu div.inner div.article div.right p.sign {
					font-size:14px;
					text-align: right;
				}
					.aisatsu div.inner div.article div.right p.sign span {
						display: block;
						font-size:22px;
						margin-top: 12px;
					}

@media screen and (max-width:1039px){
.aisatsu {
	padding:60px 30px 80px 30px;
}
		.aisatsu div.inner h2 {
			font-size:36px;
			margin-bottom: 40px;
		}
			.aisatsu div.inner div.article div.left {
				width:63%;
			}
				.aisatsu div.inner div.article div.right p.sign {
					font-size:13px;
				}
					.aisatsu div.inner div.article div.right p.sign span {
						font-size:20px;
					}
}


@media screen and (max-width:767px){
.aisatsu {
	padding:40px 25px 70px 25px;
}
		.aisatsu div.inner h2 {
			font-size:24px;
			padding-left:35px;
			margin-bottom: 30px;
		}
			.aisatsu div.inner h2:before {
				width:20px;
				top:50%;
			}
		.aisatsu div.inner div.article {
			flex-wrap: wrap;
		}
			.aisatsu div.inner div.article div.left {
				width:100%;
				margin-bottom: 40px;
			}
			.aisatsu div.inner div.article div.right {
				width:100%;
			}
				.aisatsu div.inner div.article div.right div.photo {
					width:280px;
					padding:7px;
					margin:0 auto 15px auto;
				}
				.aisatsu div.inner div.article div.right p.sign {
					font-size:12px;
					text-align: center;
				}
					.aisatsu div.inner div.article div.right p.sign span {
						font-size:18px;
						margin-top: 8px;
					}
}

/* !主たる事業内容
---------------------------------------------------------- */
.jigyo {
	width:auto;
	margin: 0 20px;
	padding:100px 50px 100px 50px;
	background: #F7FBF2;
	border-radius: 12px;
}
	.jigyo div.inner {
		width:100%;
		max-width:1200px;
		display: flex;
		margin:0 auto ;
	}
		.jigyo div.inner div.left {
			width:40%;
		}
			.jigyo div.inner div.left h2 {
				font-size:40px;
				font-weight: 700;
				line-height: 1.6;
				color: #65B401;
				letter-spacing: 0.04em;
				position: relative;
				padding-left:60px;
			}
				.jigyo div.inner div.left h2:before {
					position: absolute;
					content:"";
					width:40px;
					height: 1px;
					background: #65B401;
					top:50%;
					left:0;
				}
		.jigyo div.inner div.right {
			width:60%;
		}
			.jigyo div.inner div.right ul {
				width: auto;
			}
				.jigyo div.inner div.right ul li {
					position: relative;
					font-size:18px;
					line-height: 1.8;
					padding-left:28px;
					margin-bottom: 15px;
				}
				.jigyo div.inner div.right ul li:last-child {
					margin-bottom: 0;
				}
					.jigyo div.inner div.right ul li:before {
						position: absolute;
						content:"";
						width:6px;
						height: 6px;
						border:3px solid #65B401;
						border-radius: 50%;
						top:13px;
						left:0;
					}

@media screen and (max-width:1039px){
.jigyo {
	padding:70px 30px 70px 30px;
}
	.jigyo div.inner {
		flex-wrap: wrap;
	}
		.jigyo div.inner div.left {
			width:100%;
			margin-bottom: 40px;
		}
			.jigyo div.inner div.left h2 {
				font-size:36px;
			}
		.jigyo div.inner div.right {
			width:100%;
		}
			.jigyo div.inner div.right ul {
				
			}
				.jigyo div.inner div.right ul li {
					font-size:17px;
					padding-left:25px;
				}
					.jigyo div.inner div.right ul li:before {
						top:12px;
					}
}

@media screen and (max-width:767px){
.jigyo {
	margin: 0 15px;
	padding:50px 20px 50px 20px;
	border-radius: 10px;
}
		.jigyo div.inner div.left {
			margin-bottom: 30px;
		}
			.jigyo div.inner div.left h2 {
				font-size:24px;
				padding-left:35px;
			}
				.jigyo div.inner div.left h2:before {
					width:20px;
				}
			.jigyo div.inner div.right ul {
			}
				.jigyo div.inner div.right ul li {
					position: relative;
					font-size:15px;
					line-height: 1.8;
					padding-left:22px;
					margin-bottom: 15px;
				}
					.jigyo div.inner div.right ul li:before {
						position: absolute;
						content:"";
						width:6px;
						height: 6px;
						border:3px solid #65B401;
						border-radius: 50%;
						top:9px;
						left:0;
					}
}

/* !設立
---------------------------------------------------------- */
.setsuritsu {
	width:100%;
	padding:100px 50px 100px 50px;
}
	.setsuritsu div.inner {
		width:100%;
		max-width:1200px;
		display: flex;
		margin:0 auto ;
	}
		.setsuritsu div.inner div.left {
			width:40%;
		}
			.setsuritsu div.inner div.left h2 {
				font-size:40px;
				font-weight: 700;
				line-height: 1.6;
				color: #65B401;
				letter-spacing: 0.04em;
				position: relative;
				padding-left:60px;
			}
				.setsuritsu div.inner div.left h2:before {
					position: absolute;
					content:"";
					width:40px;
					height: 1px;
					background: #65B401;
					top:50%;
					left:0;
				}
		.setsuritsu div.inner div.right {
			width:60%;
		}
			.setsuritsu div.inner div.right p {
				font-size:18px;
			}

@media screen and (max-width:1039px){
.setsuritsu {
	padding:70px 30px 70px 30px;
}
	.setsuritsu div.inner {
		flex-wrap: wrap;
	}
		.setsuritsu div.inner div.left {
			width:100%;
			margin-bottom: 40px;
		}
			.setsuritsu div.inner div.left h2 {
				font-size:36px;
			}
		.setsuritsu div.inner div.right {
			width:100%;
		}
			.setsuritsu div.inner div.right p {
				font-size:17px;
			}
}


@media screen and (max-width:767px){
.setsuritsu {
	padding:50px 25px 50px 25px;
}
		.setsuritsu div.inner div.left {
			margin-bottom: 30px;
		}
			.setsuritsu div.inner div.left h2 {
				font-size:24px;
				padding-left:35px;

			}
				.setsuritsu div.inner div.left h2:before {
					width:20px;
					top:50%;
				}
		.setsuritsu div.inner div.right p {
			padding-left:0;
			font-size:15px;
		}
}

/* !役員等
---------------------------------------------------------- */
.yakuin {
	width:auto;
	margin: 0 20px;
	padding:100px 50px 100px 50px;
	background: #F7FBF2;
	border-radius: 12px;
}
	.yakuin div.inner {
		width:100%;
		max-width:1200px;
		display: flex;
		margin:0 auto ;
	}
		.yakuin div.inner div.left {
			width:40%;
		}
			.yakuin div.inner div.left h2 {
				font-size:40px;
				font-weight: 700;
				line-height: 1.6;
				color: #65B401;
				letter-spacing: 0.04em;
				position: relative;
				padding-left:60px;
			}
				.yakuin div.inner div.left h2:before {
					position: absolute;
					content:"";
					width:40px;
					height: 1px;
					background: #65B401;
					top:50%;
					left:0;
				}
		.yakuin div.inner div.right {
			width:60%;
		}
			.yakuin div.inner div.right table {
				position: relative;
				border-collapse:collapse;
			}
				.yakuin div.inner div.right table tr:first-child th,
				.yakuin div.inner div.right table tr:first-child td {
					border-top: 1px solid #E1E6D9;
				}
				.yakuin div.inner div.right table th,
				.yakuin div.inner div.right table td {
					padding: 1.6em 0;
					border-bottom: 1px solid #E1E6D9;
				}
				.yakuin div.inner div.right table th {
					width:30%;
					vertical-align:top;
					font-weight: 700;
					color:#65B401;
				}
				.yakuin div.inner div.right table td {
					width:70%;
					vertical-align:top;
				}
					.yakuin div.inner div.right table td div.personal {
						width:100%;
						display: flex;
						flex-wrap: wrap;
					}
						.yakuin div.inner div.right table td div.personal p.name {
							width:40%;
						}
						.yakuin div.inner div.right table td div.personal p.company {
							width:60%;
						}

@media screen and (max-width:1039px){
.yakuin {
	padding:80px 30px 80px 30px;
}
	.yakuin div.inner {
		flex-wrap: wrap;
	}
		.yakuin div.inner div.left {
			width:100%;
			margin-bottom: 40px;
		}
			.yakuin div.inner div.left h2 {
				font-size:36px;
			}
		.yakuin div.inner div.right {
			width:100%;
		}
			.yakuin div.inner div.right table {
				width:100%;
			}
				.yakuin div.inner div.right table th,
				.yakuin div.inner div.right table td {
					padding: 1.4em 0;
				}
					.yakuin div.inner div.right table td div.personal p.name {
						width:35%;
					}
					.yakuin div.inner div.right table td div.personal p.company {
						width:65%;
					}
}

@media screen and (max-width:767px){
.yakuin {
	margin: 0 15px;
	padding:60px 20px 60px 20px;
	border-radius: 10px;
}
		.yakuin div.inner div.left {
			margin-bottom: 30px;
		}
			.yakuin div.inner div.left h2 {
				font-size:24px;
				padding-left:35px;
			}
				.yakuin div.inner div.left h2:before {
					width:20px;
				}
			.yakuin div.inner div.right table,
			.yakuin div.inner div.right table thead,
			.yakuin div.inner div.right table tbody,
			.yakuin div.inner div.right table tr,
			.yakuin div.inner div.right table th,
			.yakuin div.inner div.right table td {
				width: 100%;
				display: block;
				margin-left: 0;
			}
				.yakuin div.inner div.right table tr:first-child td {
					border-top: 0;
				}
				.yakuin div.inner div.right table th {
					font-weight:bold;
					padding: 1.2em 0 0 0;
					border-bottom:0;
				}
				.yakuin div.inner div.right table td {
					padding: 0.6em 0 1.2em 0;
					border-bottom:1px solid #DAE0E4;
					display: flex;
					flex-wrap: wrap;
				}
					.yakuin div.inner div.right table td div.personal p.name {
						width:35%;
					}
					.yakuin div.inner div.right table td div.personal p.company {
						width:65%;
					}
}

/* !会員状況
---------------------------------------------------------- */
.kaiin {
	width:100%;
	padding:100px 50px 100px 50px;
}
	.kaiin div.inner {
		width:100%;
		max-width:1200px;
		display: flex;
		margin:0 auto ;
	}
		.kaiin div.inner div.left {
			width:40%;
		}
			.kaiin div.inner div.left h2 {
				font-size:40px;
				font-weight: 700;
				line-height: 1.6;
				color: #65B401;
				letter-spacing: 0.04em;
				position: relative;
				padding-left:60px;
			}
				.kaiin div.inner div.left h2:before {
					position: absolute;
					content:"";
					width:40px;
					height: 1px;
					background: #65B401;
					top:50%;
					left:0;
				}
		.kaiin div.inner div.article {
			width:60%;
		}
			.kaiin div.inner div.article h3 {
				font-size:20px;
				font-weight: 700;
				line-height: 1.8;
				padding-left:0.8em;
				border-left:5px solid #65B401;
				margin-bottom: 30px;
			}
			.kaiin div.inner div.article ul.kaiinList {
				width:100%;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
			}
				.kaiin div.inner div.article ul.kaiinList li {
					width:49%;
					line-height: 1.8;
					margin-bottom: 15px;
				}
					.kaiin div.inner div.article ul.kaiinList li a {
						display: block;
						width:100%;
						color: #65B401;
						padding:0.8em 1em;
						background: #F2F2F2;
						border-radius: 4px;
						transition: .5s;
					}
						.kaiin div.inner div.article ul.kaiinList li a i {
							margin-left: 0.6em;
						}
						.kaiin div.inner div.article ul.kaiinList li a:hover {
							color: #FFF;
							background: #65B401;
						}
					.kaiin div.inner div.article ul.kaiinList li p {
						display: block;
						width:100%;
						padding:0.8em 1em;
						background: #F2F2F2;
						border-radius: 4px;
					}

@media screen and (max-width:1039px){
.kaiin {
	padding:70px 30px 70px 30px;
}
	.kaiin div.inner {
		flex-wrap: wrap;
	}
		.kaiin div.inner div.left {
			width:100%;
			margin-bottom: 40px;
		}
			.kaiin div.inner div.left h2 {
				font-size:36px;
			}
			.kaiin div.inner div.article {
				width:100%;
			}
				.kaiin div.inner div.article h3 {
					font-size:18px;
				}
					.kaiin div.inner div.article ul.kaiinList li {
						width:49%;
						line-height: 1.8;
						margin-bottom: 15px;
					}
							.kaiin div.inner div.article ul.kaiinList li a:hover {
								color: #65B401;
								background: #F2F2F2;
							}
}


@media screen and (max-width:767px){
.kaiin {
	padding:50px 25px 50px 25px;
}
		.kaiin div.inner div.left {
			margin-bottom: 30px;
		}
			.kaiin div.inner div.left h2 {
				font-size:24px;
				padding-left:35px;
			}
				.kaiin div.inner div.left h2:before {
					width:20px;
					top:50%;
				}
		.kaiin div.inner div.article {
			padding-left: 0;
		}
			.kaiin div.inner div.article ul.kaiinList {
				max-width:320px;
				margin: 0 auto 20px auto;
			}
				.kaiin div.inner div.article ul.kaiinList li {
					width:100%;
					margin-bottom: 10px;
				}
}

/* !事務局
---------------------------------------------------------- */
.jimukyoku {
	width:auto;
	margin: 0 20px;
	padding:100px 50px 100px 50px;
	background: #F7FBF2;
	border-radius: 12px;
}
	.jimukyoku div.inner {
		width:100%;
		max-width:1200px;
		display: flex;
		margin:0 auto ;
	}
		.jimukyoku div.inner div.left {
			width:40%;
		}
			.jimukyoku div.inner div.left h2 {
				font-size:40px;
				font-weight: 700;
				line-height: 1.6;
				color: #65B401;
				letter-spacing: 0.04em;
				position: relative;
				padding-left:60px;
			}
				.jimukyoku div.inner div.left h2:before {
					position: absolute;
					content:"";
					width:40px;
					height: 1px;
					background: #65B401;
					top:50%;
					left:0;
				}
		.jimukyoku div.inner div.right {
			width:60%;
		}
			.jimukyoku div.inner div.right table {
				width:100%;
				position: relative;
				border-collapse:collapse;
			}
				.jimukyoku div.inner div.right table tr:first-child th,
				.jimukyoku div.inner div.right table tr:first-child td {
					border-top: 1px solid #E1E6D9;
				}
				.jimukyoku div.inner div.right table th,
				.jimukyoku div.inner div.right table td {
					padding: 1.6em 0;
					border-bottom: 1px solid #E1E6D9;
				}
				.jimukyoku div.inner div.right table th {
					width:22%;
					vertical-align:top;
					font-weight: 700;
					color:#65B401;
				}
				.jimukyoku div.inner div.right table td {
					width:78%;
					vertical-align:top;
				}

@media screen and (max-width:1039px){
.jimukyoku {
	padding:80px 30px 80px 30px;
}
	.jimukyoku div.inner {
		flex-wrap: wrap;
	}
		.jimukyoku div.inner div.left {
			width:100%;
			margin-bottom: 40px;
		}
			.jimukyoku div.inner div.left h2 {
				font-size:36px;
			}
		.jimukyoku div.inner div.right {
			width:100%;
		}
			.jimukyoku div.inner div.right table {
				width:100%;
			}
				.jimukyoku div.inner div.right table th,
				.jimukyoku div.inner div.right table td {
					padding: 1.4em 0;
				}
}

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

/* !アクセス
---------------------------------------------------------- */
.access {
	width:100%;
	padding:100px 50px 100px 50px;
}
	.access div.inner {
		width:100%;
		max-width:1200px;
		display: flex;
		margin:0 auto ;
	}
		.access div.inner div.left {
			width:40%;
		}
			.access div.inner div.left h2 {
				font-size:40px;
				font-weight: 700;
				line-height: 1.6;
				color: #65B401;
				letter-spacing: 0.04em;
				position: relative;
				padding-left:60px;
			}
				.access div.inner div.left h2:before {
					position: absolute;
					content:"";
					width:40px;
					height: 1px;
					background: #65B401;
					top:50%;
					left:0;
				}
		.access div.inner div.article {
			width:60%;
		}

@media screen and (max-width:1039px){
.access {
	padding:70px 30px 70px 30px;
}
	.access div.inner {
		flex-wrap: wrap;
	}
		.access div.inner div.left {
			width:100%;
			margin-bottom: 40px;
		}
			.access div.inner div.left h2 {
				font-size:36px;
			}
			.access div.inner div.article {
				width:100%;
				padding-left: 0;
			}
}

@media screen and (max-width:767px){
.access {
	padding:50px 25px 70px 25px;
}
		.access div.inner div.left {
			margin-bottom: 30px;
		}
			.access div.inner div.left h2 {
				font-size:24px;
				padding-left:35px;
			}
				.access div.inner div.left h2:before {
					width:20px;
					top:50%;
				}
}