/* =============================================================
   リフレ採用サイト — 採用職種CTA（施工管理職 / 営業職）
   ・PC（≧769px）: 画面右端の縦並び追従ボタン
   ・SP（≦768px） : ハンバーガーメニュー下部のボタン
   参考: https://s-labo.earth/
   ============================================================= */

:root {
	/* 職種ごとのボタン色（変更する場合はここを編集） */
	--refre-cta-koji: #e87e0d;   /* 施工管理職（ブランドオレンジ） */
	--refre-cta-eigyo: #163b5c;  /* 営業職（ネイビー） */
}

/* =========================================================
   PC: 画面右端の縦並び追従ボタン
   ========================================================= */
.refre-float-buttons {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9000;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
}

.refre-float-tab {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 18px 12px;
	color: #fff;
	text-decoration: none;
	border: 0;
	border-radius: 12px 0 0 12px;
	box-shadow: -2px 0 16px rgba(0, 0, 0, .16);
	transition: transform .25s ease, filter .25s ease;
}

.refre-float-tab:hover {
	transform: translateX(-3px);
	filter: brightness(1.07);
	color: #fff;
}

.refre-float-tab__ico {
	display: flex;
}

.refre-float-tab__ico svg {
	display: block;
}

.refre-float-tab__label {
	writing-mode: vertical-rl;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: .12em;
	text-transform: none;
}

.refre-float-tab--koji {
	background: var(--refre-cta-koji);
}

.refre-float-tab--eigyo {
	background: var(--refre-cta-eigyo);
}

/* SPでは追従ボタンを隠す（ハンバーガーメニュー内に出すため） */
@media screen and (max-width: 768px) {
	.refre-float-buttons {
		display: none;
	}
}

/* =========================================================
   SP: ハンバーガーメニュー下部のCTAボタン
   ========================================================= */

/* li ラッパーのマーカー・余白をリセット */
.refre-menu-cta-wrap {
	list-style: none;
}

/* PC横メニュー側に万一出ても見えないよう、既定は非表示 */
.refre-menu-cta {
	display: none;
}

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

	.refre-menu-cta {
		display: flex;
		flex-direction: column;
		gap: 12px;
		margin: 18px 0 8px;
		padding: 0 16px;
	}

	.refre-menu-cta__btn {
		display: flex !important;
		align-items: center;
		justify-content: center;
		gap: 10px;
		padding: 14px 16px !important;
		border-radius: 10px;
		color: #fff !important;
		font-weight: 700;
		font-size: 15px;
		line-height: 1.3;
		text-decoration: none !important;
		transition: filter .2s ease;
	}

	.refre-menu-cta__btn:hover {
		filter: brightness(1.08);
		color: #fff !important;
	}

	.refre-menu-cta__ico {
		display: flex;
		flex: none;
	}

	.refre-menu-cta__ico svg {
		display: block;
		width: 20px;
		height: 20px;
	}

	.refre-menu-cta__btn--koji {
		background: var(--refre-cta-koji);
	}

	.refre-menu-cta__btn--eigyo {
		background: var(--refre-cta-eigyo);
	}

	/* 営業職ボタン：文字色・アイコン色を白に固定 */
	.refre-menu-cta__btn--eigyo,
	.refre-menu-cta__btn--eigyo .refre-menu-cta__label {
		color: #ffffff !important;
	}

	.refre-menu-cta__btn--eigyo .refre-menu-cta__ico,
	.refre-menu-cta__btn--eigyo .refre-menu-cta__ico svg {
		color: #ffffff !important;
		stroke: #ffffff !important;
	}
}