@charset "utf-8";
/* WP 組み込みで追加した分（モックの CSS は変更していません） */

.entry-body {
	width: 100%;
	max-width: 1140px;
	margin: 20px auto 0;
}

@media screen and (max-width: 991px) {
	.entry-body {
		max-width: 720px;
		padding-left: 0;
	}
}

/* ExUnit のページトップボタンはモックにないので隠す */
.page_top_btn {
	display: none !important;
}

/* カード全体をリンクにする */
.musubi_card {
	display: block;
	color: inherit;
	text-decoration: none;
}

.musubi_card::after {
	content: "";
	display: block;
	clear: both;
}

/* 投稿画像の比率がばらばらでも枠を揃える */
.musubi_card img,
.musubi_noimg {
	object-fit: cover;
	height: auto;
}

.musubi_noimg {
	display: block;
	float: left;
	background: #e8e2d8;
}

.newjobs ul li img,
.newjobs ul li .musubi_noimg {
	width: 180px;
	max-width: 40%;
	aspect-ratio: 1 / 1;
}

.newjobs ul li:first-child img,
.newjobs ul li:first-child .musubi_noimg {
	width: 100%;
	max-width: 100%;
	margin-right: 0;
}

/* 大枠の文字を写真の上で読めるようにする */
.newjobs ul li:first-child .musubi_card::before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50px;
	right: 0;
	bottom: 0;
	height: 65%;
	background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
	pointer-events: none;
}

.newjobs ul li:first-child p,
.newjobs ul li:first-child .jobtype {
	z-index: 2;
}

.newjobs ul li:first-child p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.musubi_kokoromite ul li img,
.musubi_kokoromite ul li .musubi_noimg {
	aspect-ratio: 204 / 115;
}

.musubi_kokoromite ul li:first-child img,
.musubi_kokoromite ul li:first-child .musubi_noimg {
	width: 100%;
	max-width: 100%;
	margin-right: 0;
	aspect-ratio: 525 / 350;
}

.journey ul li img,
.journey ul li .musubi_noimg,
.pickup ul li img,
.pickup ul li .musubi_noimg {
	display: block;
	float: none;
	width: 100%;
	aspect-ratio: 1 / 1;
}

@media screen and (min-width: 992px) {
	.musubi_kokoromite ul li:not(:first-child) img,
	.musubi_kokoromite ul li:not(:first-child) .musubi_noimg {
		width: 204px;
		max-width: 50%;
	}
}

@media screen and (max-width: 991px) {
	.newjobs ul li:first-child .musubi_card::before {
		left: 0;
	}

	.musubi_kokoromite ul li:not(:first-child) .musubi_noimg {
		width: 50%;
	}
}

@media screen and (max-width: 540px) {
	.newjobs ul li:first-child .musubi_card::before {
		display: none;
	}

	.newjobs ul li:first-child p {
		-webkit-line-clamp: unset;
	}
}