@charset "UTF-8";
/* ========================================
団体概要
======================================== */
.dl_about {
	margin-top: 16px;
}
.dl_about dt, .dl_about dd {
	padding: 8px 16px;
	font-size: 16px;
	font-size: 1.6rem;
}
.dl_about dt {
	font-weight: bold;
	color: #053A86;
}
.dl_about dd {
	padding-bottom: 24px;
	border-bottom: 1px solid #E9EEF1;
}
.dl_about dd a {
	color: #053A86;
	text-decoration: underline;
}

/* ========================================
設立の趣旨
======================================== */
.purpose_img {
	margin-bottom: 24px;
}

/* ========================================
沿革
======================================== */
.history.bg_before::after {
	background: #F2FAFE;
}
.history .dl_about dd {
	border-color: #fff;
	padding-bottom: 16px;
	margin-bottom: 8px;
}
.history .dl_about dd:last-of-type {
	margin-bottom: 0;
}

/* ========================================
会長ご挨拶
======================================== */
.wrap_greeting_text {
	margin-top: 16px;
	font-size: 16px;
	font-size: 1.6rem;
}

.wrap_greeting_text p:not(:last-child) {
	margin-bottom: 1em;
}

.wrap_greeting_text a {
	text-decoration: underline;
}

.greeting_name {
	margin-top: 8px;
	text-align: right;
}

/* ========================================
事業所連絡先
======================================== */
.contact_address_contents {
	margin-bottom: 24px;
}
.contact_address_contents:last-child {
	margin-bottom: 0;
}
.contact_address_contents address,
.contact_address_contents ul {
	font-size: 16px;font-size: 1.6rem;
}

@media (min-width: 769px) {
	/* ========================================
	団体概要
	======================================== */
	.about_img {
		width: min(40%, 448px);
	}
	.dl_about {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: min(57.1428571429%, 640px);
		margin-top: 0;
	}
	.dl_about dt, .dl_about dd {
		padding: 8px 32px 16px 32px;
		font-size: 16px;
		font-size: 1.6rem;
		margin-bottom: 8px;
	}
	.dl_about dt:last-of-type, .dl_about dd:last-of-type {
		margin-bottom: 0;
	}
	.dl_about dt {
		width: 160px;
		border-bottom: 1px solid #E9EEF1;
	}
	.dl_about dd {
		width: calc(100% - 160px);
		padding-bottom: 16px;
	}
	/* ========================================
	設立の趣旨
	======================================== */
	.purpose .flex_box {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.purpose .wrap_txt {
		width: min(58.6206896552%, 544px);
	}
	.purpose_img {
		width: min(37.9310344828%, 352px);
		margin-bottom: 0;
	}
	/* ========================================
	沿革
	======================================== */
	.history .dl_about {
		width: 100%;
	}
	.history .dl_about dt {
		border-color: #fff;
	}
	.history .dl_about dd {
		padding-bottom: 16px;
		margin-bottom: 8px;
	}
	/* ========================================
	会長ご挨拶
	======================================== */
	.wrap_greeting_contents {
		display: flex;
		justify-content: space-between;
		width: min(calc(1120 / 1360 * 100vw), 1120px);
		margin: 0 auto;
	}
	.greeting_img {
		width: min(calc(448 / 1360 * 100vw), 448px);
	}
	.wrap_greeting_text {
		width: min(calc(640 / 1360 * 100vw), 640px);
		margin-top: 0;
	}
	/* ========================================
	事業所連絡先
	======================================== */
	.wrap_contact_address_contents {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.contact_address_contents {
		width: min(25.8823529412vw, 352px);
		margin-bottom: 0;
	}
	.contact_address_contents:last-child {
		width: min(27.0588235294vw, 368px);
	}
	.contact_address_contents address,
	.contact_address_contents ul {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0 16px;
	}
}