@charset "utf-8";

.main_cont {
	margin-bottom: 120px;
}

.main_cont:last-of-type {
	margin-bottom: 0;
}

#side_wrap {
	position: sticky;
	top: 224px;
}

dt {
	width: 130px;
}

table {
	width: 100%;
}

td {
	vertical-align: middle;
}

a {
	color: #FF6F86;
}

.table_section {
	border: 1px solid #d6d6d6;;
}

.table_section dt {
	width: 130px;
	min-width: 130px;
}

.table_section .dd_wrap {
	flex-grow: 1;
	padding: 16px;
	display: inline-block;
	background-color: #ffffff;
}

.table_section .dd_wrap dd {
	padding: 0;
	width: 100%;
}

.table_section .dd_wrap dd + dd {
	margin-top: 8px;
}

/*
概要
----------------------------------------------------------- */
#overview_cont {
	border: 1px solid #d6d6d6;
}

/*
目的・事業
----------------------------------------------------------- */
#project p {
	margin-bottom: 16px;
}

.purpose_cont .section p,
#project li {
	line-height: 2;
}

#project li {
	padding-left: 2.4em;
	text-indent: -3em;
}

/*
役員・企業一覧
----------------------------------------------------------- */
#directors .dd_wrap {
	padding: 0;
}

#directors .dd_wrap dd {
	border-bottom: 1px solid #d6d6d6;
	padding: 16px;
	width: 100%;
	margin-top: 0;
}

#directors dd:last-of-type {
	border-bottom: none;
}

/*
会員企業
----------------------------------------------------------- */
.company div {
	margin-bottom: 8px;
}

.company tr,
.company td {
	border: 1px solid #d6d6d6;
}

.company td {
	background-color: #fff;
	color: #444;
	position: relative;
	padding: 16px;
	width: 50%;
	line-height: 1.7;
}

.company tr:last-child td{
	border-bottom: none;
}

.company P {
	text-align: right;
	margin-top: 4px;
}

.company a:hover {
	text-decoration: underline;
}

#main h3 {
    padding-top: 224px;
    margin-top: -224px;
}

/*
情報公開
----------------------------------------------------------- */
.info_cont ul {
	border: 1px solid #d6d6d6;
}

.info_cont li {
	padding: 16px;
	border-bottom: 1px solid #d6d6d6;
	background-color: #fff;
}

.info_cont li:last-of-type {
	margin-bottom: 0;
	border-bottom: 0;
}

.info_cont p {
	margin-bottom: 8px;
}

.info_cont a:hover {
	text-decoration: underline;
}

.info_cont img {
	margin-right: 8px;
	display: inline-block;
	vertical-align: text-top;
}

.info_cont li div:not(:last-of-type) {
	margin-bottom: 8px;
}

/*
スマホサイズ
----------------------------------------------------------- */
@media screen and (max-width: 960px) {
	#side_wrap {
		position: static;
	}

	#main {
		margin-bottom: 32px;
	}
	
	dt {
		width: 24%;
	}

	dd {
		padding: 16px 24px;
		width: calc(100% - 24%);
	}

	#main h3 {
		padding-top: 148px;
		margin-top: -148px;
	}

	.current {
		color: #444 !important;
		background-color: transparent;
	}

}

@media screen and (max-width: 520px) {
	
	.main_cont,
	#overview_cont {
		border: none;
	}

	.table_section dt {
		width: auto;
		min-width: auto;
	}

	.officer_cont .section > div {
		border: none;
	}

	#main h3 {
		padding-top: 112px;
		margin-top: -112px;
	}

	#directors {
		padding: 0;
	}

	.table_section .dd_wrap {
		padding: 0;
		background-color: transparent;
	}

	.table_section .dd_wrap dd + dd {
	    margin-top: 4px;
	}

	#directors dt {
		padding: 16px 8px 0;
		margin-bottom: 0;
	}

	#directors .dd_wrap dd  {
		padding: 16px 8px;
	}

	.company h4 {
		margin-bottom: 4px;
	}
	
	.company tr,
	.company td {
		border: none;
		width: 100%;
		display: block;
	}

	.company tr {
		padding: 16px 8px;
		border-bottom: 1px solid #d6d6d6;
	}

	.company td {
		padding: 0;
		background-color: transparent;
	}

	.side {
		margin: 0;
	}
}