/* =============================================
   おしごとパレット 求人ページ
   ============================================= */

/* ─────────────────────────────────────────────
   Page Layout
───────────────────────────────────────────── */
.p-oshigoto {
	background-color: var(--c-base);
}

/* ─────────────────────────────────────────────
   共通コンポーネント: セクション見出しブロック
───────────────────────────────────────────── */
.c-section-heading-block {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* 背景テキスト（FEATURES, VOICE, CASES 等） */
.c-section-bg-text {
	position: absolute;
	top: 7px;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: var(--f-display);
	font-size: 12vmin;
	white-space: nowrap;
	line-height: 1;
	pointer-events: none;
	z-index: 0;
}

/* 背景テキスト色バリエーション */
.c-section-bg-text--white {
	color: var(--c-white);
}

.c-section-bg-text--ghost {
	color: var(--c-black);
	opacity: 0.05;
}

/* ─────────────────────────────────────────────
   共通コンポーネント: セクション見出しタイトルグループ
───────────────────────────────────────────── */
.c-section-title-group {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--sp-sm);
}

/* ─────────────────────────────────────────────
   共通コンポーネント: 見出し装飾アイコン
───────────────────────────────────────────── */
.c-heading-deco {
	display: flex;
	align-items: flex-end;
	gap: 5px;
	flex-shrink: 0;
}

.c-heading-deco__dots {
	display: block;
	flex-shrink: 0;
	animation: decoPopBounce 2.4s ease-in-out infinite;
	animation-delay: 0s;
}

.c-heading-deco__dots--flip {
	transform: rotate(180deg) scaleY(-1);
	animation-name: decoPopBounceFlip;
	animation-delay: 0.8s;
}

.c-heading-deco__emoji {
	display: inline-grid;
	grid-template: max-content / max-content;
	transform: rotate(-171deg) scaleY(-1);
	animation: decoPopBounceEmoji 2.4s ease-in-out infinite;
	animation-delay: 0.4s;
}

/* ぽよぽよ跳ねるアニメーション */
@keyframes decoPopBounce {

	0%,
	100% {
		transform: translateY(0) scale(1);
	}

	15% {
		transform: translateY(-6px) scale(1.1, 0.9);
	}

	30% {
		transform: translateY(2px) scale(0.95, 1.05);
	}

	45% {
		transform: translateY(-2px) scale(1.03, 0.97);
	}

	60% {
		transform: translateY(0) scale(1);
	}
}

@keyframes decoPopBounceFlip {

	0%,
	100% {
		transform: rotate(180deg) scaleY(-1) translateY(0) scale(1);
	}

	15% {
		transform: rotate(180deg) scaleY(-1) translateY(-6px) scale(1.1, 0.9);
	}

	30% {
		transform: rotate(180deg) scaleY(-1) translateY(2px) scale(0.95, 1.05);
	}

	45% {
		transform: rotate(180deg) scaleY(-1) translateY(-2px) scale(1.03, 0.97);
	}

	60% {
		transform: rotate(180deg) scaleY(-1) translateY(0) scale(1);
	}
}

@keyframes decoPopBounceEmoji {

	0%,
	100% {
		transform: rotate(-171deg) scaleY(-1) translateY(0) scale(1);
	}

	15% {
		transform: rotate(-171deg) scaleY(-1) translateY(-8px) scale(1.12, 0.88);
	}

	30% {
		transform: rotate(-171deg) scaleY(-1) translateY(3px) scale(0.94, 1.06);
	}

	45% {
		transform: rotate(-171deg) scaleY(-1) translateY(-3px) scale(1.04, 0.96);
	}

	60% {
		transform: rotate(-171deg) scaleY(-1) translateY(0) scale(1);
	}
}

.c-heading-deco__leaf {
	grid-area: 1 / 1;
	display: block;
}

.c-heading-deco__faces {
	grid-area: 1 / 1;
	display: inline-grid;
	grid-template: max-content / max-content;
}

.c-heading-deco__face {
	display: block;
}

.c-heading-deco__face--1 {
	grid-area: 1 / 1;
}

.c-heading-deco__face--2 {
	grid-area: 1 / 1;
}

/* サイズ: sm（インライン見出し用） */
.c-heading-deco--sm .c-heading-deco__dots {
	width: 35px;
	height: 23px;
}

.c-heading-deco--sm .c-heading-deco__leaf {
	width: 50px;
	height: 28px;
}

.c-heading-deco--sm .c-heading-deco__faces {
	margin-left: 6.5px;
	margin-top: 7.75px;
}

.c-heading-deco--sm .c-heading-deco__face--1 {
	width: 12px;
	height: 13px;
	margin-left: 23.4px;
	margin-top: 1px;
}

.c-heading-deco--sm .c-heading-deco__face--2 {
	width: 13px;
	height: 13.5px;
}

/* サイズ: lg（セクション見出し用） */
.c-heading-deco--lg .c-heading-deco__dots {
	width: 35px;
	height: 23px;
}

.c-heading-deco--lg .c-heading-deco__leaf {
	width: 71px;
	height: 39px;
}

.c-heading-deco--lg .c-heading-deco__faces {
	margin-left: 9.3px;
	margin-top: 11px;
}

.c-heading-deco--lg .c-heading-deco__face--1 {
	width: 17px;
	height: 18px;
	margin-left: 33px;
	margin-top: 1.3px;
}

.c-heading-deco--lg .c-heading-deco__face--2 {
	width: 18px;
	height: 19px;
}

/* ─────────────────────────────────────────────
   Jobs Hero
───────────────────────────────────────────── */
.p-oshigoto-hero {
	position: relative;
	height: 349px;
	overflow: hidden;
}

/* 背景画像 */
.p-oshigoto-hero__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.p-oshigoto-hero__bg--sp {
	display: none;
}

@media (max-width: 767px) {
	.p-oshigoto-hero__bg--pc {
		display: none;
	}

	.p-oshigoto-hero__bg--sp {
		display: block;
	}
}

/* テキストブロック */
.p-oshigoto-hero__text-wrap {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.p-oshigoto-hero__text {
	width: 100%;
	max-width: 1096px;
	padding-right: var(--sp-md);
	text-align: right;
	color: var(--c-white);
	font-family: var(--f-sans);
	font-weight: 700;
	text-shadow: 0 0 3px black, 0 0 13px black, 0 0 7px black;
}

.p-oshigoto-hero__heading {
	font-size: var(--fs-3xl);
	letter-spacing: var(--ls-wider);
	line-height: var(--lh-tight);
	margin-bottom: var(--sp-xs);
}

.p-oshigoto-hero__subheading {
	font-size: var(--fs-2xl);
	letter-spacing: var(--ls-wider);
	line-height: var(--lh-normal);
}

/* バッジ（左下・右上のみ角丸） */
.p-oshigoto-hero__badge {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: var(--c-white);
	border-radius: 0 24px 0 0;
	padding: var(--sp-xs) var(--sp-md) var(--sp-xs) 20vw;
	display: flex;
	align-items: center;
}

.p-oshigoto-hero__badge-inner {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.p-oshigoto-hero__badge-label {
	display: flex;
	align-items: center;
	gap: var(--sp-xs);
}

.p-oshigoto-hero__badge-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #b8861a;
	flex-shrink: 0;
}

.p-oshigoto-hero__badge-type {
	color: #b8861a;
	font-size: var(--fs-lg);
	font-weight: 700;
	letter-spacing: var(--ls-normal);
}

.p-oshigoto-hero__badge-title {
	font-size: var(--fs-2xl);
	font-weight: 700;
	letter-spacing: var(--ls-tight);
	line-height: var(--lh-tight);
	color: var(--c-black);
}

/* ─────────────────────────────────────────────
   Jobs Instagram Bar
───────────────────────────────────────────── */
.p-oshigoto-insta {
	width: 100%;
	background-color: var(--c-accent-2);
	padding: var(--sp-xs) 0;
}

.p-oshigoto-insta__inner {
	max-width: 1096px;
	margin: 0 auto;
	padding: 0 var(--sp-sm);
}

.p-oshigoto-insta__link {
	display: inline-flex;
	align-items: center;
	gap: var(--sp-xs);
	text-decoration: none;
	color: var(--c-black);
}

.p-oshigoto-insta__text {
	font-size: var(--fs-base);
	font-weight: 500;
	letter-spacing: var(--ls-wider);
	text-decoration: underline;
}

.p-oshigoto-insta__icon {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

/* ─────────────────────────────────────────────
   Jobs About / おしごとパレットとは
───────────────────────────────────────────── */
.p-oshigoto-about {
	padding: 24px var(--sp-sm);
	background-color: var(--c-white);
}

.p-oshigoto-about__inner {
	max-width: 1096px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 88px;
	margin-top: 40px;
}

/* ── CTA カード ── */
.p-oshigoto-about__cta {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--sp-lg);
	width: 100%;
	max-width: 550px;
	padding: var(--sp-xs) var(--sp-sm);
	border-radius: var(--sp-xs);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	overflow: hidden;
	text-decoration: none;
	color: var(--c-black);
	transition: opacity 0.2s;
}

.p-oshigoto-about__cta:hover {
	opacity: 0.85;
}

.p-oshigoto-about__cta-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}

.p-oshigoto-about__cta-body {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	/* gap: var(--sp-xs); */
}

.p-oshigoto-about__cta-tags {
	display: flex;
	align-items: center;
	gap: var(--sp-xs);
}

.p-oshigoto-about__cta-tag {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 var(--sp-xs);
	border: 1px solid var(--c-black);
	border-radius: 4px;
	font-family: var(--f-sans);
	font-size: var(--fs-base);
	font-weight: 500;
	letter-spacing: var(--ls-normal);
	white-space: nowrap;
	line-height: 1;
	padding: 4px var(--sp-xs);
	background-color: #fff;
	text-shadow:
		0 0 4px rgba(255, 255, 255, 0.9),
		0 0 8px rgba(255, 255, 255, 0.7),
		0 0 16px rgba(255, 255, 255, 0.5);
}

.p-oshigoto-about__cta-title {
	font-family: var(--f-sans);
	font-size: var(--fs-xl);
	font-weight: 700;
	white-space: nowrap;
	text-shadow:
		0 0 4px rgba(255, 255, 255, 0.9),
		0 0 8px rgba(255, 255, 255, 0.7),
		0 0 16px rgba(255, 255, 255, 0.5);
}

.p-oshigoto-about__cta-arrow {
	position: relative;
	width: 10px;
	height: 15px;
	flex-shrink: 0;
}

/* ── CTA カード (Biz) ── */
.p-oshigoto-about__cta--biz .p-oshigoto-about__cta-overlay {
	position: absolute;
	top: 0;
	right: 0;
	width: 67%;
	height: 100%;
	background: linear-gradient(to right, rgba(217, 217, 217, 0) 5%, rgba(85, 36, 13, 0.3) 10%);
	pointer-events: none;
}

.p-oshigoto-about__cta--biz .p-oshigoto-about__cta-tag {
	background-color: #f5f3ef;
	border-color: var(--c-white);
	color: var(--c-black);
	text-shadow: none;
}

.p-oshigoto-about__cta--biz .p-oshigoto-about__cta-title {
	color: var(--c-white);
	text-shadow:
		0 0 4px rgba(0, 0, 0, 0.5),
		0 0 8px rgba(0, 0, 0, 0.3);
}

/* SPバッジ（PCでは非表示） */
.p-oshigoto-about__sp-badge {
	display: none;
}

/* ── コンセプトエリア ── */
.p-oshigoto-about__concept {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--sp-3xl);
	width: 100%;
}

/* ── OSHIGOTO リボン装飾 ── */
.p-oshigoto-about__ribbon {
	width: 388px;
	height: 122px;
	top: -80px;
	z-index: 0;
	position: absolute;
}

.p-oshigoto-about__ribbon-part {
	position: absolute;
}

.p-oshigoto-about__ribbon-part img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
}

.p-oshigoto-about__ribbon-part--lt {
	inset: 38.15% 77.17% 0 0;
}

.p-oshigoto-about__ribbon-part--lb {
	inset: 58.77% 77.18% 22.09% 15.26%;
}

.p-oshigoto-about__ribbon-part--rt {
	inset: 38.17% 0 -0.01% 77.17%;
}

.p-oshigoto-about__ribbon-part--rb {
	inset: 58.78% 15.26% 22.08% 77.17%;
}

.p-oshigoto-about__ribbon-part--banner {
	inset: -0.01% 10.18% 27.21% 10.18%;
}

.p-oshigoto-about__ribbon-part--text {
	inset: 17.78% 22.92% 55.6% 22.7%;
}

/* ── キャッチコピー ── */
.p-oshigoto-about__catchcopy {
	font-family: var(--f-sans);
	font-size: var(--fs-lg);
	font-weight: 700;
	color: var(--c-black);
	text-align: center;
	letter-spacing: var(--ls-wider);
	line-height: var(--lh-loose);
	z-index: 1;
}

/* ── おしごとパレットとは？ コンテンツ ── */
.p-oshigoto-about__content {
	display: flex;
	gap: 28px;
	align-items: flex-start;
	width: 100%;
}

.p-oshigoto-about__photo-wrap {
	flex-shrink: 0;
	width: 480px;
}

.p-oshigoto-about__photo {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-radius: var(--sp-xs);
}

.p-oshigoto-about__text {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: var(--sp-xs);
}

.p-oshigoto-about__heading {
	display: flex;
	align-items: center;
	gap: 4px;
	font-family: var(--f-sans);
	font-size: var(--fs-2xl);
	font-weight: 700;
	color: var(--c-black);
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
}


.p-oshigoto-about__concept-inner {
	display: flex;
	position: relative;
	margin-top: 56px;
	flex-direction: column;
	align-items: center;
}

/* 「おしごとパレットとは？」見出し装飾（別テンプレート） */
.c-about-heading-deco {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 35px;
	flex-shrink: 0;
}

.c-about-heading-deco__inner {
	display: inline-grid;
	grid-template: max-content / max-content;
	transform: rotate(-171deg) scaleY(-1);
	animation: decoPopBounceEmoji 2.4s ease-in-out infinite;
	animation-delay: 0s;
}

.c-about-heading-deco__leaf {
	grid-area: 1 / 1;
	display: block;
	width: 50px;
	height: 28px;
}

.c-about-heading-deco__faces {
	grid-area: 1 / 1;
	display: inline-grid;
	grid-template: max-content / max-content;
	margin-left: 6.5px;
	margin-top: 7.75px;
}

.c-about-heading-deco__face {
	display: block;
}

.c-about-heading-deco__face--1 {
	grid-area: 1 / 1;
	width: 12px;
	height: 13px;
	margin-left: 23.4px;
	margin-top: 1px;
}

.c-about-heading-deco__face--2 {
	grid-area: 1 / 1;
	width: 13px;
	height: 13.5px;
}

/* 見出し右装飾: 2色ドット */
.p-oshigoto-about__heading-dots {
	display: block;
	width: 35px;
	height: 23px;
	flex-shrink: 0;
	animation: decoPopBounce 2.4s ease-in-out infinite;
	animation-delay: 0.4s;
}

.p-oshigoto-about__desc {
	font-family: var(--f-sans);
	font-size: var(--fs-base);
	font-weight: 500;
	color: var(--c-black);
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
}

.p-oshigoto-about__desc p {
	margin-bottom: var(--sp-sm);
}

.p-oshigoto-about__desc p:last-child {
	margin-bottom: 0;
}

/* ─────────────────────────────────────────────
   Jobs Features / 3つの特徴
───────────────────────────────────────────── */
.p-oshigoto-features {
	position: relative;
	padding: 0;
}

/* ── 波線ボーダー ── */
.p-oshigoto-features__wave {
	display: block;
	width: 100%;
	aspect-ratio: 1728 / 42;
	line-height: 0;
}

.p-oshigoto-features__wave img {
	display: block;
	width: 100%;
	height: 100%;
}

.p-oshigoto-features__wave--bottom {
	transform: rotate(180deg);
}

/* ── メインコンテンツ ── */
.p-oshigoto-features__body {
	background-color: var(--c-base);
	padding: 0 var(--sp-sm);
}

.p-oshigoto-features__inner {
	max-width: 1096px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--sp-xl);
	padding: 112px 0;
}

/* ── セクション見出し ── */
/* heading-block は共通 .c-section-heading-block を使用 */

/* bg-text は共通 .c-section-bg-text を使用 */

/* title-group は共通 .c-section-title-group を使用 */

/* 装飾アイコンは共通コンポーネント .c-heading-deco を使用 */

/* サブタイトル + タイトルを詰めて表示 */
.p-oshigoto-features__title-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.p-oshigoto-features__subtitle {
	font-family: var(--f-sans);
	font-size: var(--fs-lg);
	font-weight: 700;
	color: var(--c-black);
	text-align: center;
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-tight);
}

.p-oshigoto-features__title {
	font-family: var(--f-sans);
	font-size: var(--fs-2xl);
	font-weight: 700;
	color: var(--c-black);
	text-align: center;
	letter-spacing: var(--ls-wide);
	line-height: var(--lh-tight);
}

/* ── 特徴リスト ── */
.p-oshigoto-features__list {
	display: flex;
	flex-direction: column;
	gap: var(--sp-xl);
	width: 100%;
}

/* 各アイテム（PC: 2カラム Grid） */
.p-oshigoto-features__item {
	display: grid;
	grid-template-columns: 480px 1fr;
	grid-template-rows: auto auto;
	gap: 2px var(--sp-lg);
	align-items: start;
	width: 100%;
}

/* PC: 写真は左カラム全行 */
.p-oshigoto-features__item>.p-oshigoto-features__item-photo {
	grid-column: 1;
	grid-row: 1 / -1;
}

/* PC: ヘッダー（POINT+見出し）と説明は右カラム */
.p-oshigoto-features__item>.p-oshigoto-features__item-header {
	grid-column: 2;
	grid-row: 1;
}

.p-oshigoto-features__item>.p-oshigoto-features__item-desc {
	grid-column: 2;
	grid-row: 2;
}

/* POINT+見出しをまとめるラッパー */
.p-oshigoto-features__item-header {
	display: flex;
	flex-direction: column;
}

/* PC: POINT2 は写真右 */
.p-oshigoto-features__item--reverse {
	grid-template-columns: 1fr 480px;
}

.p-oshigoto-features__item--reverse>.p-oshigoto-features__item-photo {
	grid-column: 2;
}

.p-oshigoto-features__item--reverse>.p-oshigoto-features__item-header,
.p-oshigoto-features__item--reverse>.p-oshigoto-features__item-desc {
	grid-column: 1;
}

/* 写真 */
.p-oshigoto-features__item-photo img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	border-radius: var(--sp-xs);
}

/* POINT ラベル */
.p-oshigoto-features__point {
	position: relative;
	display: inline-grid;
	grid-template: max-content / max-content;
	align-items: start;
	color: var(--c-accent-5);
}

.p-oshigoto-features__point-label {
	grid-area: 1 / 1;
	font-family: 'Futura', 'Jost', sans-serif;
	font-size: var(--fs-lg);
	font-weight: 500;
	letter-spacing: var(--ls-normal);
	line-height: 1;
	margin-top: 27px;
}

.p-oshigoto-features__point-num {
	grid-area: 1 / 1;
	font-family: 'Futura', 'Jost', sans-serif;
	font-size: 3.45rem;
	font-weight: 800;
	letter-spacing: var(--ls-normal);
	line-height: 1;
	margin-left: 76px;
}

.p-oshigoto-features__point-illust {
	position: absolute;
	left: 57px;
	top: -20px;
	width: 33px;
	height: 29px;
	animation: illustSparkle 1.5s step-end infinite;
}

@keyframes illustSparkle {

	0%,
	100% {
		opacity: 1;
	}

	33% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	66% {
		opacity: 0;
	}

	80% {
		opacity: 1;
	}
}

/* 見出し */
.p-oshigoto-features__item-heading {
	font-family: var(--f-sans);
	font-size: var(--fs-2xl);
	font-weight: 700;
	color: var(--c-black);
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
}

/* 説明文 */
.p-oshigoto-features__item-desc {
	font-family: var(--f-sans);
	font-size: var(--fs-base);
	font-weight: 500;
	color: var(--c-black);
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
}

/* ─────────────────────────────────────────────
   Jobs Voice / 利用者の声
───────────────────────────────────────────── */
.p-oshigoto-voice {
	padding: var(--sp-3xl) var(--sp-sm);
	background-color: var(--c-white);
}

.p-oshigoto-voice__inner {
	max-width: 1096px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--sp-2xl);
}

/* ── セクション見出し ── */
/* heading-block は共通 .c-section-heading-block を使用 */

/* bg-text は共通 .c-section-bg-text を使用 */

/* title-group は共通 .c-section-title-group を使用 */

.p-oshigoto-voice__title {
	font-family: var(--f-sans);
	font-size: var(--fs-2xl);
	font-weight: 700;
	color: var(--c-black);
	text-align: center;
	letter-spacing: var(--ls-wide);
	line-height: var(--lh-tight);
}

.p-oshigoto-voice__lead {
	font-family: var(--f-sans);
	font-size: var(--fs-base);
	font-weight: 500;
	color: var(--c-black);
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
	text-align: center;
}

/* ── カードリスト ── */
.p-oshigoto-voice__list {
	display: flex;
	gap: var(--sp-xl);
	align-items: flex-start;
	width: 100%;
}

.p-oshigoto-voice__card {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: var(--sp-md);
}

/* 写真 */
.p-oshigoto-voice__card-photo {
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: var(--sp-xs);
	overflow: hidden;
}

.p-oshigoto-voice__card-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* テキスト部分 */
.p-oshigoto-voice__card-body {
	display: flex;
	flex-direction: column;
	gap: var(--sp-xs);
	color: var(--c-black);
	letter-spacing: var(--ls-normal);
}

.p-oshigoto-voice__card-profile {
	display: inline-block;
	align-self: flex-start;
	font-family: var(--f-sans);
	font-size: var(--fs-sm);
	font-weight: 700;
	line-height: 1;
	color: var(--c-black);
	background-color: var(--c-accent-2);
	padding: var(--sp-xs) var(--sp-sm);
	border-radius: 120px;
}

.p-oshigoto-voice__card-heading {
	font-family: var(--f-sans);
	font-size: 1.3rem;
	font-weight: 700;
	line-height: var(--lh-normal);
}

.p-oshigoto-voice__card-text {
	font-family: var(--f-sans);
	font-size: var(--fs-base);
	font-weight: 500;
	line-height: var(--lh-normal);
}

.p-oshigoto-voice__card-attr {
	text-align: right;
	font-family: var(--f-sans);
	font-size: var(--fs-base);
	font-weight: 500;
	line-height: var(--lh-normal);
	color: var(--c-black);
	margin-top: auto;
}

.p-oshigoto-voice__card-attr p {
	margin: 0;
}

/* ─────────────────────────────────────────────
   Jobs Cases / 紹介・採用事例
───────────────────────────────────────────── */
.p-oshigoto-cases {
	background-color: var(--c-base);
	padding: var(--sp-3xl) var(--sp-md);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--sp-lg);
}

/* ── ヘッダー（見出し + リード） ── */
.p-oshigoto-cases__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--sp-xl);

}

/* heading-block は共通 .c-section-heading-block を使用 */

/* bg-text は共通 .c-section-bg-text を使用 */

/* title-group は共通 .c-section-title-group を使用 */

.p-oshigoto-cases__title {
	font-family: var(--f-sans);
	font-size: var(--fs-2xl);
	font-weight: 700;
	color: var(--c-black);
	text-align: center;
	letter-spacing: var(--ls-wide);
	line-height: var(--lh-tight);
}

/* リード文 */
.p-oshigoto-cases__lead {
	max-width: 606px;
	display: flex;
	flex-direction: column;
	gap: var(--sp-sm);
	color: var(--c-black);
}

.p-oshigoto-cases__lead-heading {
	font-family: var(--f-sans);
	font-size: var(--fs-xl);
	font-weight: 700;
	text-align: center;
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
}

.p-oshigoto-cases__lead-text {
	font-family: var(--f-sans);
	font-size: var(--fs-base);
	font-weight: 500;
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
}

/* ── お仕事事例スライダー ── */
.p-oshigoto-cases__slider-section {
	width: calc(100% + var(--sp-md) * 2);
	margin-left: calc(-1 * var(--sp-md));
	margin-right: calc(-1 * var(--sp-md));
	display: flex;
	flex-direction: column;
	gap: var(--sp-sm);
}

.p-oshigoto-cases__slider-header {
	display: flex;
	justify-content: center;
	width: 100%;
}

.p-oshigoto-cases__slider-header-inner {
	max-width: 1096px;
	width: 100%;
	padding-left: var(--sp-xl);
}

.p-oshigoto-cases__slider-title {
	font-family: var(--f-sans);
	font-size: var(--fs-2xl);
	font-weight: 700;
	color: var(--c-black);
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
}

/* スライダー本体（Splide） */
.p-oshigoto-cases__slider {
	width: 100%;
}

.p-oshigoto-cases__slider .splide__list {
	align-items: stretch !important;
}

.p-oshigoto-cases__slider .splide__slide {
	height: auto !important;
}

/* カード */
.p-oshigoto-cases__card {
	background-color: var(--c-white);
	border-radius: var(--sp-xs);
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
}

/* Splide 矢印カスタマイズ */
.p-oshigoto-cases__slider .splide__arrow {
	background-color: var(--c-white);
	border: 1px solid var(--c-black);
	opacity: 1;
	width: 40px !important;
	height: 40px !important;
	min-height: 40px;
	max-height: 40px;
	border-radius: 50% !important;
	padding: 0;
	top: 50%;
	transform: translateY(-50%);
}

.p-oshigoto-cases__slider .splide__arrow:hover {
	opacity: 0.7;
}

.p-oshigoto-cases__slider .splide__arrow[disabled] {
	opacity: 0.3;
}

.p-oshigoto-cases__slider .splide__arrow svg {
	fill: var(--c-black);
	width: 16px;
	height: 16px;
}

.p-oshigoto-cases__card-photo {
	width: 100%;
	aspect-ratio: 4 / 3;
	flex-shrink: 0;
	overflow: hidden;
	border-radius: var(--sp-xs) var(--sp-xs) 0 0;
}

.p-oshigoto-cases__card-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.p-oshigoto-cases__card-body {
	flex: 1;
	padding: var(--sp-xs);
	display: flex;
	flex-direction: column;
	color: var(--c-black);
}

.p-oshigoto-cases__card-title {
	font-family: var(--f-sans);
	font-size: var(--fs-md);
	font-weight: 700;
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
}

.p-oshigoto-cases__card-text {
	font-family: var(--f-sans);
	font-size: var(--fs-base);
	font-weight: 500;
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
}

/* ── CTA ボックス ── */
.p-oshigoto-cases__cta {
	max-width: 650px;
	width: 100%;
	background-color: var(--c-white);
	border-radius: var(--sp-sm);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	padding: var(--sp-sm) var(--sp-md);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--sp-lg);
}

.p-oshigoto-cases__cta-body {
	display: flex;
	flex-direction: column;
	gap: var(--sp-sm);
	color: var(--c-black);
}

.p-oshigoto-cases__cta-heading {
	font-family: var(--f-sans);
	font-size: var(--fs-xl);
	font-weight: 700;
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
}

.p-oshigoto-cases__cta-text {
	font-family: var(--f-sans);
	font-size: var(--fs-base);
	font-weight: 500;
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
}

.p-oshigoto-cases__cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--sp-xs);
	padding: var(--sp-xs);
	background-color: var(--c-accent-2);
	border-radius: var(--sp-xs);
	text-decoration: none;
	color: var(--c-black);
	font-family: var(--f-sans);
	font-size: var(--fs-base);
	font-weight: 700;
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
	transition: opacity 0.2s;
}

.p-oshigoto-cases__cta-btn:hover {
	opacity: 0.85;
}

.p-oshigoto-cases__cta-icon {
	width: 17px;
	height: 14px;
}

/* ── Cases カードタグ (Biz) ── */
.p-oshigoto-cases__card-tags {
	display: flex;
	gap: 6px;
}

.p-oshigoto-cases__card-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 6px;
	border-radius: 2px;
	font-family: var(--f-sans);
	font-size: var(--fs-2xs);
	font-weight: 500;
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
	white-space: nowrap;
}

.p-oshigoto-cases__card-tag--primary {
	background-color: var(--c-accent-2);
	color: var(--c-black);
}

.p-oshigoto-cases__card-tag--outline {
	background-color: var(--c-white);
	border: 0.77px solid var(--c-black);
	color: var(--c-black);
}

/* ── Cases 業務カテゴリテーブル (Biz) ── */
.p-biz-cases__table {
	width: 100%;
	border: 1px solid var(--c-black);
	border-radius: var(--sp-xs);
	padding: var(--sp-sm);
	color: var(--c-black);
}

.p-biz-cases__table-row {
	display: flex;
	gap: var(--sp-lg);
	padding: var(--sp-xs) var(--sp-sm);
	border-bottom: 0.5px solid var(--c-black);
}

.p-biz-cases__table-row--last {
	border-bottom: none;
}

.p-biz-cases__table-label {
	width: 200px;
	flex-shrink: 0;
	font-family: var(--f-sans);
	font-size: var(--fs-sm);
	font-weight: 700;
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
}

.p-biz-cases__table-value {
	flex: 1;
	font-family: var(--f-sans);
	font-size: var(--fs-xs);
	font-weight: 500;
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
}

/* ── Cases CTA フッター (Biz) ── */
.p-oshigoto-cases__cta-footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--sp-sm);
}

/* ─────────────────────────────────────────────
   Jobs Flow / お仕事開始までの流れ
───────────────────────────────────────────── */
.p-oshigoto-flow {
	padding: var(--sp-3xl) var(--sp-sm);
	background-color: var(--c-white);
}

.p-oshigoto-flow__inner {
	max-width: 1096px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--sp-xl);
}

/* ── セクション見出し ── */
/* heading-block は共通 .c-section-heading-block を使用 */

/* bg-text は共通 .c-section-bg-text を使用 */

/* title-group は共通 .c-section-title-group を使用 */

.p-oshigoto-flow__title {
	font-family: var(--f-sans);
	font-size: var(--fs-2xl);
	font-weight: 700;
	color: var(--c-black);
	text-align: center;
	letter-spacing: var(--ls-wide);
	line-height: var(--lh-tight);
}

/* ── ステップリスト ── */
.p-oshigoto-flow__steps {
	width: 100%;
	background-color: var(--c-base);
	border-radius: 40px;
	padding: var(--sp-xl);
	display: flex;
	flex-direction: column;
	gap: var(--sp-lg);
}

/* 各ステップ */
.p-oshigoto-flow__step {
	display: flex;
	align-items: center;
	gap: var(--sp-lg);
	background-color: var(--c-white);
	border-radius: var(--sp-xs);
	padding: var(--sp-sm);
}

/* 左カラム（STEP + タイトル） */
.p-oshigoto-flow__step-left {
	flex-shrink: 0;
	width: 304px;
	display: flex;
	flex-direction: column;
	gap: var(--sp-xs);
}

/* STEP バッジ */
.p-oshigoto-flow__step-badge {
	display: inline-flex;
	align-items: center;
	gap: var(--sp-xs);
	background-color: var(--c-accent-2);
	border-radius: 120px;
	padding: 4px var(--sp-lg);
	align-self: flex-start;
}

.p-oshigoto-flow__step-badge-label {
	font-family: 'Futura', 'Jost', sans-serif;
	font-size: var(--fs-lg);
	font-weight: 700;
	color: var(--c-black);
	letter-spacing: var(--ls-normal);
	line-height: 1;
}

.p-oshigoto-flow__step-badge-num {
	font-family: 'Futura', 'Jost', sans-serif;
	font-size: var(--fs-2xl);
	font-weight: 700;
	color: var(--c-black);
	letter-spacing: var(--ls-normal);
	line-height: 1;
}

/* ステップタイトル */
.p-oshigoto-flow__step-title {
	font-family: var(--f-sans);
	font-size: var(--fs-xl);
	font-weight: 700;
	color: var(--c-black);
	letter-spacing: var(--ls-normal);
	line-height: 1.5;
}

/* 区切り線 */
.p-oshigoto-flow__step-divider {
	width: 1px;
	align-self: stretch;
	background-color: #ccc;
	flex-shrink: 0;
}

/* 右カラム（説明文） */
.p-oshigoto-flow__step-right {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--sp-xs);
}

.p-oshigoto-flow__step-text {
	font-family: var(--f-sans);
	font-size: var(--fs-base);
	font-weight: 500;
	color: var(--c-black);
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
}

/* 補足ボックス（STEP 4） */
.p-oshigoto-flow__step-note {
	background-color: var(--c-white);
	border-radius: var(--sp-xs);
	padding: var(--sp-xs) var(--sp-sm);
	border: 1px solid #e5e5e5;
}

.p-oshigoto-flow__step-note p {
	font-family: var(--f-sans);
	font-size: 0.8rem;
	font-weight: 500;
	color: var(--c-black);
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
}

/* ─────────────────────────────────────────────
   Jobs FAQ / よくある質問
───────────────────────────────────────────── */
.p-oshigoto-faq {
	padding: 120px var(--sp-sm);
	background-color: var(--c-base);
}

.p-oshigoto-faq__inner {
	max-width: 1096px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--sp-lg);
}

/* ── セクション見出し ── */
/* heading-block は共通 .c-section-heading-block を使用 */

/* bg-text は共通 .c-section-bg-text を使用 */

.p-oshigoto-faq__title {
	font-family: var(--f-sans);
	font-size: var(--fs-2xl);
	font-weight: 700;
	color: var(--c-black);
	text-align: center;
	letter-spacing: var(--ls-wide);
	line-height: var(--lh-tight);
}

/* ── FAQ リスト ── */
.p-oshigoto-faq__categories {
	display: flex;
	flex-direction: column;
	gap: var(--sp-2xl);
}

.p-oshigoto-faq__category {
	display: flex;
	flex-direction: column;
	gap: var(--sp-sm);
}

.p-oshigoto-faq__category-title {
	font-family: var(--f-sans);
	font-size: var(--fs-xl);
	font-weight: 700;
	color: var(--c-black);
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-tight);
}

.p-oshigoto-faq__list {
	width: 100%;
	max-width: 696px;
	display: flex;
	flex-direction: column;
	gap: var(--sp-md);
}

/* 各FAQ項目 */
.p-oshigoto-faq__item {
	background-color: var(--c-white);
	border-radius: var(--sp-sm);
	padding: var(--sp-xs);
	overflow: hidden;
}

/* 質問（button） */
.p-oshigoto-faq__question {
	display: flex;
	align-items: center;
	gap: var(--sp-sm);
	cursor: pointer;
	padding: var(--sp-xs);
	width: 100%;
	border: none;
	background: none;
	text-align: left;
	font: inherit;
}

.p-oshigoto-faq__q-label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	border-radius: 50%;
	background-color: var(--c-accent-5);
	color: var(--c-white);
	font-family: var(--f-sans);
	font-size: var(--fs-base);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	flex-shrink: 0;
	text-indent: 0;
}

.p-oshigoto-faq__q-text {
	flex: 1;
	min-width: 0;
	font-family: var(--f-sans);
	font-size: var(--fs-base);
	font-weight: 900;
	color: var(--c-black);
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
}

/* 矢印アイコン */
.p-oshigoto-faq__arrow {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	transition: transform 0.3s ease;
	color: var(--c-black);
}

.p-oshigoto-faq__item.is-open .p-oshigoto-faq__arrow {
	transform: rotate(180deg);
}

/* 回答ラッパー（にゅるっとアニメーション） */
.p-oshigoto-faq__answer-wrap {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.p-oshigoto-faq__answer {
	display: flex;
	gap: var(--sp-sm);
	align-items: flex-start;
	padding: var(--sp-xs);
	border-top: 1px solid #e5e5e5;
	margin-top: var(--sp-xs);
}

.p-oshigoto-faq__a-label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	border-radius: 50%;
	background-color: var(--c-accent-3);
	color: var(--c-white);
	font-family: var(--f-sans);
	font-size: var(--fs-base);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	flex-shrink: 0;
	text-indent: 0;
}

.p-oshigoto-faq__a-text {
	flex: 1;
	min-width: 0;
	font-family: var(--f-sans);
	font-size: var(--fs-base);
	font-weight: 500;
	color: var(--c-black);
	letter-spacing: var(--ls-normal);
	line-height: var(--lh-normal);
}

.p-oshigoto-faq__a-text p {
	margin-bottom: var(--sp-sm);
}

.p-oshigoto-faq__a-text p:last-child {
	margin-bottom: 0;
}

/* ─────────────────────────────────────────────
   コンタクト波線: アスペクト比維持 + ベージュ対応
───────────────────────────────────────────── */
.p-contact__wave img {
	width: 100%;
	height: auto;
	aspect-ratio: 1728 / 42;
}

/* =============================================
   レスポンシブ: タブレット（≤1024px）
   ============================================= */
@media (max-width: 1024px) {

	/* ── Hero ── */
	.p-oshigoto-hero {
		height: 280px;
	}

	.p-oshigoto-hero__badge {
		padding-left: var(--sp-xl);
	}

	/* ── About ── */
	.p-oshigoto-about__content {
		flex-direction: column;
		gap: var(--sp-md);
	}

	.p-oshigoto-about__photo-wrap {
		width: 100%;
	}

	.p-oshigoto-about__cta {
		width: 100%;
		padding: 24px 16px;
	}

	/* ── Features: 1カラム縦並び（ヘッダー→写真→テキスト） ── */
	.p-oshigoto-features__item,
	.p-oshigoto-features__item--reverse {
		display: flex;
		flex-direction: column;
		gap: var(--sp-sm);
	}

	.p-oshigoto-features__item>.p-oshigoto-features__item-header {
		order: 1;
	}

	.p-oshigoto-features__item>.p-oshigoto-features__item-photo {
		order: 2;
		width: 100%;
	}

	.p-oshigoto-features__item>.p-oshigoto-features__item-desc {
		order: 3;
	}

	/* reverse も同じ順番にリセット */
	.p-oshigoto-features__item--reverse>.p-oshigoto-features__item-header,
	.p-oshigoto-features__item--reverse>.p-oshigoto-features__item-photo,
	.p-oshigoto-features__item--reverse>.p-oshigoto-features__item-desc {
		grid-column: auto;
	}

	/* ── Voice ── */
	.p-oshigoto-voice__list {
		flex-direction: column;
		gap: var(--sp-xl);
	}

	.p-oshigoto-voice__card-photo {
		aspect-ratio: 4 / 3;
	}

	/* ── Cases ── */
	.p-oshigoto-cases__lead {
		max-width: 100%;
	}

	.p-oshigoto-cases__cta {
		max-width: 100%;
	}

	/* ── Flow ── */
	.p-oshigoto-flow__step {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--sp-sm);
	}

	.p-oshigoto-flow__step-left {
		width: 100%;
		flex-direction: row;
		align-items: center;
	}

	.p-oshigoto-flow__step-divider {
		width: 100%;
		height: 1px;
		align-self: auto;
	}

	/* ── FAQ ── */
	.p-oshigoto-faq__list {
		max-width: 100%;
	}

}

/* =============================================
   レスポンシブ: スマートフォン（≤767px）
   ============================================= */
@media (max-width: 767px) {
	.c-section-bg-text {
		top: -5px;
	}

	/* ── Hero（スマホ: ほぼ正方形、テキスト右下、バッジ非表示） ── */
	.p-oshigoto-hero {
		height: auto;
		aspect-ratio: 4 / 3;

	}

	.p-oshigoto-hero__bg {
		object-position: center top;
	}

	.p-oshigoto-hero__text-wrap {
		align-items: flex-end;
		justify-content: flex-end;
		padding: var(--sp-md);
	}

	.p-oshigoto-hero__text {
		max-width: none;
		padding-right: 0;
		text-align: right;
	}

	.p-oshigoto-hero__heading {
		font-size: 2rem;
		margin-bottom: var(--sp-xs);
	}

	.p-oshigoto-hero__subheading {
		font-size: 1.2rem;
	}

	.p-oshigoto-hero__badge {
		display: none;
	}

	/* ── About: SPバッジ表示 ── */
	.p-oshigoto-about__sp-badge {
		display: flex;
		flex-direction: column;
		align-self: flex-start;
	}

	.p-oshigoto-about__sp-badge-label {
		display: flex;
		align-items: center;
		gap: var(--sp-xs);
	}

	.p-oshigoto-about__sp-badge-dot {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: #b8861a;
		flex-shrink: 0;
	}

	.p-oshigoto-about__sp-badge-type {
		font-family: var(--f-sans);
		font-size: var(--fs-lg);
		font-weight: 700;
		color: #b8861a;
	}

	.p-oshigoto-about__sp-badge-title {
		font-family: var(--f-sans);
		font-size: 2rem;
		font-weight: 700;
		color: var(--c-black);
		line-height: var(--lh-tight);
	}

	/* ── About: レイアウト調整 ── */
	.p-oshigoto-about__inner {
		gap: var(--sp-lg);
		margin-top: 0;
	}

	.p-oshigoto-about__concept {
		gap: var(--sp-lg);
	}

	/* About: 見出し・テキスト */
	.p-oshigoto-about__heading {
		flex-wrap: wrap;
		gap: var(--sp-xs);
	}

	/* About: 写真→テキストの順に */
	.p-oshigoto-about__content {
		gap: var(--sp-sm);
	}

	.p-oshigoto-about__catchcopy {
		font-size: var(--fs-base);
		line-height: var(--lh-normal);
	}

	.p-oshigoto-about__ribbon {
		width: 270px;
		top: -52px;
		height: 85px;
	}

	/* ── Features ── */
	.p-oshigoto-features__inner {
		padding: 56px 0;
	}

	/* ── Voice ── */

	/* ── Cases ── */
	.p-oshigoto-cases__slider-section {
		width: calc(100% + var(--sp-md) * 2);
		margin-left: calc(-1 * var(--sp-md));
		margin-right: calc(-1 * var(--sp-md));
	}

	.p-oshigoto-cases__slider-header-inner {
		padding-left: var(--sp-sm);
	}

	.p-oshigoto-cases__cta-heading {
		font-size: var(--fs-lg);
	}

	/* ── Cases CTA テーブル SP ── */
	.p-biz-cases__table-row {
		flex-direction: column;
		gap: 0;
	}

	.p-biz-cases__table-label {
		width: 100%;
	}

	.p-oshigoto-cases__cta-btn {
		width: 100%;
	}

	.p-oshigoto-cases__cta-footer {
		width: 100%;
	}

	.p-oshigoto-cases__cta-footer .p-oshigoto-cases__cta-text {
		text-align: left;
	}

	/* ── Flow ── */
	.p-oshigoto-flow__steps {
		padding: var(--sp-sm);
		border-radius: var(--sp-sm);
		gap: var(--sp-sm);
	}

	.p-oshigoto-flow__step {
		padding: var(--sp-xs);
	}

	.p-oshigoto-flow__step-badge {
		padding: 4px var(--sp-sm);
	}

	.p-oshigoto-flow__step-title {
		font-size: var(--fs-lg);
	}

	/* ── FAQ ── */
	.p-oshigoto-faq {
		padding: 40px var(--sp-sm);
	}

	.p-oshigoto-faq__question {
		gap: var(--sp-xs);
		padding: var(--sp-xs);
	}

	.p-oshigoto-faq__answer {
		gap: var(--sp-xs);
	}

	.p-oshigoto-faq__q-label,
	.p-oshigoto-faq__a-label {
		width: 28px;
		height: 28px;
		min-width: 28px;
		min-height: 28px;
		font-size: var(--fs-sm);
	}

	/* ── 共通セクションタイトルグループ 縮小 ── */
	.c-section-title-group {
		gap: 0;
	}

	/* ── 共通見出し装飾 縮小 ── */
	.c-heading-deco--lg .c-heading-deco__leaf {
		width: 50px;
		height: 28px;
	}

	.c-heading-deco--lg .c-heading-deco__faces {
		margin-left: 6.5px;
		margin-top: 7.75px;
	}

	.c-heading-deco--lg .c-heading-deco__face--1 {
		width: 12px;
		height: 13px;
		margin-left: 23.4px;
		margin-top: 1px;
	}

	.c-heading-deco--lg .c-heading-deco__face--2 {
		width: 13px;
		height: 13.5px;
	}

	.c-heading-deco {
		scale: 75%;
	}
}

/* =============================================
   レスポンシブ: 小型スマホ（≤439px）
   ============================================= */
@media (max-width: 439px) {
	.p-oshigoto-about__cta-tag {
		font-size: 0.6rem;
	}
}