@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	企業・団体紹介

//////////////////////////////////////////////////////////////////////////////*/

.site_column {
	max-width: 1160px;
}

#content main .post header {
	position: relative;
	margin-bottom: 2em;
	padding: 2.2em 1em 1.7em 14em;
	background-color: rgba(var(--main-green),.1);	
	border-radius: 8px;
}

#content main .post header::before {
	position: absolute;
	left: 1.5em;
	bottom: 0;
	content: "";
	display: block;
	width: 169px;
	aspect-ratio: 169 / 132;
	background-image: url("/datsutan/supporter/profile/img/title_datsutan.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


#content main .post header .group {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#content main .post header .group h2 {
	order: 2;
	margin: 0;
	padding: 0;
	background-image:none;	
	font-size: 1.8125rem;
	font-weight: 600;
	color: rgba(var(--main-color), 1);
}

#content main .post header .group p {
	order: 1;
	margin-bottom: .3em;
}

#content main .post header .group p span {
	padding: .3em 1.25em;
	background-color: rgba(var(--main-color), 1);
	border-radius: 10em;
	font-size: 1rem;
 	font-weight: 600;
	line-height: 1;
	color: #FFF;
}

#content main .post .detail .group {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

#content main .post .detail .group .data {
	flex: 1;
}

#content main .post .detail .group .data:first-child {
	margin-top: 0;
}

#content main .post .detail .group .data .text {
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 2px dashed rgba(var(--main-green),1);
}

#content main .post .detail .group .data dl:first-child {
	margin-top: 0;
}

#content main .post .detail .group .data dl {
	margin: 1.5em 0;
}

#content main .post .detail .group .data dl dt {
	color: rgba(var(--main-green),1);
}

#content main .post .detail .group .photo figure {
	width: 260px;
	margin: 1em 0 0 55px;
}

#content main .post .detail .group .photo figure:first-child {
	margin-top: 0;
}

#content main .post .detail .group .photo figure figcaption {
	line-height: 1.6;
}

@media screen and (max-width: 767px) {

#content main .post header {
	padding: 1.1em 1em .7em 9em;
}

#content main .post header::before {
	left: .2em;
	width: 26vw;
}

#content main .post header .group h2 {
	font-size: 1.35em;
}

#content main .post header .group p span {
	font-size:.875em;
}

#content main .post .detail .group .data {
	order: 2;
}

#content main .post .detail .group .photo {
	order: 1;
	margin-bottom: 6vw;
}

#content main .post .detail .group .photo figure {
	width: 80%;
	margin: 1em auto 0;
}

}