.project-post{position:relative;padding:20px;text-decoration:none;display:block;color:inherit;transition:all .35s ease;}@media(min-width:992px){.project-post{padding:20px 60px 60px 60px;height:100%}}.project-post__theme{margin:auto;text-align:center;padding:0;margin-top:0;position:relative;display:flex;align-items:center}.project-post__theme-figure{width:40px;height:40px;margin-top:0;color:#344154;margin-right:10px}@media(min-width:992px){.project-post__theme-figure{width:60px;height:60px;margin-right:20px}}.project-post__theme-text{font-size:15px;line-height:1.3;text-align:center;font-weight:400;color:#344154}@media(min-width:992px){.project-post__theme-text{font-size:18px}}.project-post__theme-text:after{content:"";display:block;height:3px;background-color:#0068B7;width:60px;margin:auto;margin:8px 0 0}@media(min-width:992px){.project-post__theme-text:after{height:4px;width:100%;max-width:105px}}.project-post__content{padding:0;margin:20px 0}.project-post__header{margin:20px 0;margin-top:0}@media(min-width:992px){.project-post__header{margin:30px 0;margin-top:0}}.project-post__date{font-size:12px;margin:5px 0;margin-top:0;color:#666}@media(min-width:992px){.project-post__date{font-size:15px;margin:10px 0}}.project-post__title{font-size:18px;margin:0;font-weight:500;letter-spacing:.01em}@media(min-width:992px){.project-post__title{font-size:28px;margin:10px 0}}.project-post__meta{font-weight:400;font-size:13px;margin:5px 0}@media(min-width:992px){.project-post__meta{font-size:16px;margin:15px 0}}.project-post__details{margin:30px 0}@media(min-width:992px){.project-post__details{margin:60px 0}}.project-post__detail-description p{font-size:12px;line-height:1.5}@media(min-width:992px){.project-post__detail-description p{font-size:16px}}.project-post__detail-term-badge{background-color:#0068B7;display:inline-block;color:#fff;border-radius:99px;font-size:12px;font-weight:400;padding:5px;text-align:center}@media(min-width:992px){.project-post__detail-term-badge{font-size:13px;min-width:120px}}.project-post__divider{margin:20px 5px;border-bottom:dotted 1px #ccc}@media(min-width:992px){.large-padding-bottom-0px{padding-bottom:0!important}}.button-registration{position:relative}.button-registration:after{content:"";position:absolute;top:-5px;left:5px;width:40px;height:23px;background-image:url(../../../../img/pages/consultant/projects/projects_badge_01.png);background-position:center center;background-size:cover}@media(min-width:992px){.button-registration:after{top:-7px;left:10px;width:80px;height:46px}}.project-post__fin{background-color:#525252;color:#fff;position:absolute;top:12px;right:12px;display:flex;justify-content:center;align-items:center;padding:6px 10px 8px;font-size:12px}@media(min-width:992px){.project-post__fin{font-size:15px}}

.project-container {
	border: solid 1px #e5e5e5;
	.project-post__status {
		height: 100%;
		display: flex;
		justify-content: left;
		span {
			background-color: #cecccc;
			padding: 4px 12px;
			margin: 18px;
			color: #ffffff;
			border-radius: 3px;
			font-size: 14px;
			font-weight: 400;
			line-height: 28px;
		}
		@media(min-width:992px){
			span {
				font-size: 20px;
			}
		}
	}	
}

.recruitment-ended {
	text-align: center;

	.recruitment-ended__title {
		display: inline-block;
		position: relative;
		color: #000000;
		font-weight: 400;
		text-align: center;
		line-height: 28px;
	}
	.recruitment-ended__title::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0.1em;
		width: 100%;
		height: 9px;
		background-color: #FAC3C3; /* 下線の背景色 */
		z-index: -1;
	}

	.recruitment-ended__message {
		font-weight: 400;
		text-align: center;
		line-height: 28px;
		word-break: keep-all;
		overflow-wrap: anywhere;
	}

	.recruitment-ended__button {
		text-align: center;
		justify-content: center;
	}

	.recruitment-ended__memo {
		color: #6A6A6A;
		font-weight: 400;
		text-align: center;
		word-break: keep-all;
		overflow-wrap: anywhere;
	}

	@media(min-width:992px){
		.recruitment-ended__title {
			font-size: 20px;	
		}
		.recruitment-ended__message {
			font-size: 20px;
		}
		.recruitment-ended__memo {
			font-size: 16px;
		}
	}	
}
