@charset "utf-8";

/*------------------------------------------------------------
    ソフロロジー法研究会について
------------------------------------------------------------*/

/* 共通 */
.photo {
	max-width: 33.8rem;
	margin: 0 auto 9.4rem;
}

.content {
	max-width: 80%;
}

/*------------------------------------------------------------
    sec01
------------------------------------------------------------*/
.sec01 {
	margin-bottom: 2.4rem;
}

.sec01 .headLine01 {
	margin-bottom: 3.2rem;
}

.sec01 p {
	margin-bottom: 3.4rem;
	font-size: 2rem;
	line-height: 1.7;
}

.sec01 p:last-child {
	margin-bottom: 0;
}

/*------------------------------------------------------------
    sec02
------------------------------------------------------------*/
.sec02 {
	padding-top: 5.2rem;
	margin-bottom: 11.9rem;
}

.sec02 .headLine01 {
	padding-top: 5.2rem;
	margin-bottom: 4.4rem;
}

.sec02 .tableBox {
	position: relative;
}

.sec02 .tableBox .innerBox {
	position: relative;
	height: 51.4rem;
	overflow-y: auto;
}

.sec02 .tableBox .bor {
	position: relative;
}

.sec02 .tableBox::before,
.sec02 .tableBox::after,
.sec02 .tableBox .bor::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #B1B1B1;
	content: "";
	z-index: 10;
}

.sec02 .tableBox .bor::before {
	top: 3.3rem;
}

.sec02 .tableBox::after {
	top: auto;
	bottom: 0;
}

.sec02 table {
	width: 100%;
	border-collapse: collapse;
}

.sec02 table th,
.sec02 table td {
	height: 3rem;
	padding: 0.5rem 1.1rem;
	font-size: 1rem;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #B1B1B1;
}

.sec02 table .wid01 {
	width: 7.2%;
}

.sec02 table .wid02 {
	width: 49%;
}

.sec02 table thead {
	background-color: #F4EDEA;
}

.sec02 table thead th {
	position: sticky;
	top: 0;
	left: 0;
	box-sizing: border-box;
	padding: 0.5rem 1.5rem 0.9rem;
	font-size: 1.2rem;
	background-color: #F4EDEA;
	text-align: center;
}

.sec02 table tr td:first-child {
	padding-left: 0.7rem;
}

.sec02 table tr td:last-child {
	padding-left: 1.4rem;
}

.sec02 table .big {
	font-size: 1.2rem;
}

.sec02 .flexTxt {
	display: flex;
	width: 100%;
}

.sec02 .flexTxt .ttl {
	min-width: 16.6rem;
	color: #754C24;
	letter-spacing: 0.08em;
}

.sec02 .flexTxt .ttl.col {
	color: #BD512D;
}

.sec02 .flexTxt .txt {
	flex: 1;
}

.sec02 .flexTxt small {
	font-size: 0.8rem;
}

/* スクロールバーのスタイル（simplebar用）*/
.simplebar ::-webkit-scrollbar {
	display: none;
}

.simplebar-track.simplebar-vertical {
	top: 3.3rem;
	width: 12px;
	background-color: #F4F4F4;
}

.simplebar-scrollbar::before {
	left: 1px;
	right: 1px;
	background-color: #F4D5CE;
	opacity: 1 !important;
}

/*------------------------------------------------------------
    sec03
------------------------------------------------------------*/
.sec03 {
	margin: 0 auto;
	font-size: 1.4rem;
}
.sec03 p {
	line-height: 1.85;
}

.sec03 .photoBox {
	margin-bottom: 3rem;
}

.sec03 .photoBox img {
	width: 100%;
}

.sec03 .headLine01 {
	margin-bottom: 3.5rem;
}

.sec03 .mapBox {
	position: relative;
	margin: 9.4rem 0 7.3rem;
}

.sec03 .mapBox .image {
	margin-right: -0.7rem;
}

.sec03 .mapBox .topTxt {
	position: absolute;
	top: 8.7rem;
	left: 0;
	white-space: nowrap;
}

.sec03 .subBox {
	position: relative;
	margin-bottom: 5.8rem;
	padding-bottom: 8.1rem;
	background: url("../img/association-info/icon01.png") no-repeat center bottom / 8.7rem auto;
}

.sec03 .subBox:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}

.sec03 .subBox:last-child .topLink {
	display: none;
}

.sec03 .subBox:last-child .listUl li:last-child {
	padding-bottom: 0;
}

.sec03 .subBox:last-child .listUl li:last-child:after {
	display: none;
}

.sec03 .subBox .title {
	margin-bottom: 3.8rem;
	font-size: 2.2rem;
	font-weight: 500;
	color: #A47C52;
}

.sec03 .listUl {
	font-size: 1.4rem;
	font-weight: 500;
	color: #333;
}

.sec03 .listUl a {
	color: #333;
}

.sec03 .listUl .ttl {
	margin-bottom: 1.3rem;
	font-size: 1.8rem;
}

.sec03 .listUl .tel {
	position: absolute;
	top: 4rem;
	right: -0.9rem;
	font-size: 1.8rem;
	white-space: nowrap;
	letter-spacing: 0.02em;
}

.sec03 .listUl li {
	position: relative;
	margin-bottom: 3.4rem;
	padding-bottom: 3.5rem;
}

.sec03 .listUl li:last-child {
	margin-bottom: 0;
}

.sec03 .listUl li::after {
	position: absolute;
	bottom: 0;
	left: -4.8rem;
	right: -4.9rem;
	height: 1px;
	background-color: #808080;
	content: "";
}

.sec03 .noteTxt {
	margin-bottom: 4rem;
}

.sec03 .topLink {
	position: absolute;
	bottom: -0.2rem;
	right: -0.9rem;
	line-height: 1;
}

.sec03 .topLink img {
	display: inline-block;
	width: 1.5rem;
	margin: -0.3rem 0.8rem 0 0;
	vertical-align: middle;
}

.sec03 .topLink a {
	font-size: 1.2rem;
	font-weight: 500;
	white-space: nowrap;
}

/*------------------------------------------------------------
    Media Query
------------------------------------------------------------*/

@media all and (min-width: 896.98px) {

	.sec03 .listUl .ttl a:hover,
	.sec03 .topLink a:hover {
		text-decoration: underline;
	}
}

@media all and (max-width: 896.98px) {

	/* 共通 */
	.headLine01 {
		font-size: 2.4rem;
	}

	.photo {
		max-width: 27.8rem;
		margin-bottom: 3.5rem;
	}

	/* sec01 */
	.sec01 p {
		font-size: 1.6rem;
	}

	/* sec02 */
	.sec02 .flexTxt {
		display: block;
	}

	.sec02 .flexTxt .ttl {
		min-width: 0;
		display: block;
	}

	.sec02 .flexTxt .txt {
		display: block;
	}

	.sec02 table th,
	.sec02 table td {
		padding: 0.5rem 1rem;
		font-size: 0.9rem;
	}

	.sec02 table tr td:last-child {
		padding-left: 1rem;
	}

	.sec02 .flexTxt small {
		font-size: 0.7rem;
	}

	.sec02 table .big {
		font-size: 1rem;
	}

	.sec02 table thead th {
		padding: 0.7rem 1.5rem;
	}

	/* sec03 */
	.sec03 {
		max-width: inherit;
		font-size: 1.3rem;
	}

	.sec03 .mapBox {
		margin-bottom: 4rem;
	}

	.sec03 .mapBox .topTxt {
		position: static;
		margin-bottom: 2rem;
		white-space: wrap;
	}

	.sec03 .mapBox .image img {
		width: 100%;
	}

	.sec03 .listUl .tel {
		position: static;
		font-size: 1.6rem;
	}

	.sec03 .listUl .ttl {
		font-size: 1.6rem;
	}

	.sec03 .topLink {
		bottom: 3.8rem;
		right: -1.2rem;
	}

	/* スクロールバーのスタイル（simplebar用）*/
	.simplebar-track.simplebar-vertical {
		width: 8px;
	}
}