/*----------  community  ----------*/
.p-community {
	padding-top: 2rem;
}
.p-community-caption {
	font-size: 2.1rem;
	line-height: 1.5238095238;
}
.p-community-head {
	color: #FF6800;
	font-size: 3.6rem;
	text-align: center;
}
.p-community-head.--search {
	margin-top: 6.8rem;
}
.p-community-sub {
	margin-top: 1.8rem;
	font-size: 1.7rem;
}
.p-community-form {
	margin-top: 3.2rem;
}
.p-community-form-inner {
	padding: 3rem;
}
.p-community-form-inner.border-top {
	border-top: 0.1rem solid #FFF;
}
.p-community-form-submit .c-button {
	width: 18rem;
	min-height: 5.2rem;
	border-radius: 2.6rem;
}
.p-community-result {
	margin-top: 4.8rem;
	padding-bottom: 4rem;
}
.p-community-result--list:not(:first-child) {
	margin-top: 5rem;
}
.p-community-result--head {
	background-color: #00a497;
}
.p-community-result--head.area-1 {
	background-color: #8786d9;
}
.p-community-result--head.area-2 {
	background-color: #609eea;
}
.p-community-result--head.area-3 {
	background-color: #3ca841;
}
.p-community-result--head.area-4 {
	background-color: #abd452;
}
.p-community-result--head.area-5 {
	background-color: #f2c100;
}
.p-community-result--head.area-6 {
	background-color: #ff9900;
}
.p-community-result--head.area-7 {
	background-color: #fd9eab;
}
.p-community-result--head.area-8 {
	background-color: #ff635f;
}
.p-community-result--title {
	padding: 1.8rem 4rem;
	color: #FFF;
	font-size: 2.1rem;
	line-height: 1.5238095238;
}
.p-community-result--title a {
	color: #FFF;
	text-decoration: underline;
	-webkit-text-decoration-style: dotted;
	text-decoration-style: dotted;
}
.p-community-result--title a:hover {
	text-decoration: none;
}
.p-community-result--sub {
	padding: 1rem 4rem;
	border-top: 0.1rem dashed #FFF;
	color: #FFF;
	font-size: 2.1rem;
}
.p-community-result--body {
	padding: 2.6rem 4rem;
}
.p-community-result--caption {
	padding-bottom: 2.4rem;
	border-bottom: 0.1rem solid #717171;
}
.p-community-result--caption p {
	margin: 0;
}
.p-community-result--caption p + p {
	margin-top: 2rem;
}
.p-community-result--area {
	margin-top: 1.6rem;
}
.p-community-result--area + .p-community-result--number {
	margin-top: 0.8rem;
}
.p-community-result--number {
	margin-top: 1.6rem;
}
.p-community-result--grid {
	display: grid;
	grid-template-columns: [key] minmax(14.5rem, -webkit-min-content) [value] 1fr;
	grid-template-columns: [key] minmax(14.5rem, min-content) [value] 1fr;
	margin: 2.4rem 0 0 0;
	gap: 1.4rem 1.6rem;
}
.p-community-result--grid > dt {
	grid-column: key;
}
.p-community-result--grid > dd {
	grid-column: value;
}
.p-community-result--grid > dd a {
	color: #0039C8;
}
.p-community-result--grid > dd a[target=_blank]:hover {
	text-decoration: underline;
}
.p-community-result--grid > dd a[target=_blank]::after {
	display: inline-block;
	position: relative;
	top: 0.2rem;
	left: 0.4rem;
	aspect-ratio: 1/1;
	width: 2rem;
	height: auto;
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.254%22%20height%3D%2220.254%22%20viewBox%3D%220%200%2020.254%2020.254%22%3E%3Cg%20transform%3D%22translate(-560.006%20-1579.006)%22%3E%3Cpath%20d%3D%22M15.6%2C13.919l3.657-3.657v2.27a.633.633%2C0%2C1%2C0%2C1.266%2C0v-3.8a.633.633%2C0%2C0%2C0-.633-.633h-3.8a.633.633%2C0%2C1%2C0%2C0%2C1.266h2.27L14.7%2C13.024a.633.633%2C0%2C0%2C0%2C.895.895%22%20transform%3D%22translate(554.678%201576.032)%22%2F%3E%3Cpath%20d%3D%22M15.19%2C21.19H1.9a.633.633%2C0%2C0%2C1-.633-.633V7.266H1.9A.633.633%2C0%2C1%2C0%2C1.9%2C6H1.266A1.266%2C1.266%2C0%2C0%2C0%2C0%2C7.266V21.19a1.266%2C1.266%2C0%2C0%2C0%2C1.266%2C1.266H15.19a1.266%2C1.266%2C0%2C0%2C0%2C1.266-1.266v-.633a.633.633%2C0%2C1%2C0-1.266%2C0Z%22%20transform%3D%22translate(560.006%201576.804)%22%2F%3E%3Cpath%20d%3D%22M19.924%2C0H8.532A2.534%2C2.534%2C0%2C0%2C0%2C6%2C2.532V13.924a2.534%2C2.534%2C0%2C0%2C0%2C2.532%2C2.532H19.924a2.534%2C2.534%2C0%2C0%2C0%2C2.532-2.532V2.532A2.534%2C2.534%2C0%2C0%2C0%2C19.924%2C0M21.19%2C13.924a1.266%2C1.266%2C0%2C0%2C1-1.266%2C1.266H8.532a1.266%2C1.266%2C0%2C0%2C1-1.266-1.266V2.532A1.266%2C1.266%2C0%2C0%2C1%2C8.532%2C1.266H19.924A1.266%2C1.266%2C0%2C0%2C1%2C21.19%2C2.532Z%22%20transform%3D%22translate(557.804%201579.006)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
	background-size: 100% auto;
	content: "";
	-webkit-transition: background-image 0.3s ease-in-out;
	transition: background-image 0.3s ease-in-out;
}
.p-community-result--tag {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin-top: 3rem;
	gap: 1rem;
}
@media screen and (max-width: 767px) {
	.p-community {
		padding-top: 0;
	}
	.p-community-caption {
		font-size: 4.2666666667vw;
	}
	.p-community-head {
		font-size: 4.5333333333vw;
	}
	.p-community-head.--search {
		margin-top: 8.5333333333vw;
	}
	.p-community-sub {
		margin-top: 4.8vw;
		font-size: 4.2666666667vw;
	}
	.p-community-form {
		margin-top: 4.8vw;
	}
	.p-community-form-inner {
		padding: 4.2666666667vw;
	}
	.p-community-form-inner.border-top {
		border-top: 0.2666666667vw solid #FFF;
	}
	.p-community-form-submit .c-button {
		width: calc(100% - 4rem);
		margin: 0 auto;
	}
	.p-community-result {
		margin-top: 6.4vw;
		padding-bottom: 5.3333333333vw;
	}
	.p-community-result--list:not(:first-child) {
		margin-top: 6.4vw;
	}
	.p-community-result--title {
		padding: 2.6666666667vw;
		font-size: 4.2666666667vw;
	}
	.p-community-result--sub {
		padding: 2.6666666667vw;
		font-size: 4.8vw;
	}
	.p-community-result--body {
		padding: 4.2666666667vw 2.6666666667vw;
	}
	.p-community-result--caption {
		padding-bottom: 4.8vw;
	}
	.p-community-result--caption p + p {
		margin-top: 4.2666666667vw;
	}
	.p-community-result--area {
		margin-top: 4.2666666667vw;
	}
	.p-community-result--area + .p-community-result--number {
		margin-top: 2.1333333333vw;
	}
	.p-community-result--number {
		margin-top: 4.2666666667vw;
	}
	.p-community-result--grid {
		grid-template-rows: auto;
		grid-template-columns: 100%;
		grid-template-areas: "key" "value";
		margin: 4.8vw 0 0 0;
		gap: 0;
	}
	.p-community-result--grid > dd {
		margin-top: 2.1333333333vw;
		margin-left: 0;
	}
	.p-community-result--grid > dd a[target=_blank]::after {
		width: 4.8vw;
	}
	.p-community-result--grid > dd + dt {
		margin-top: 5.3333333333vw;
	}
	.p-community-result--tag {
		margin-top: 6.4vw;
		gap: 2.6666666667vw;
	}
}