/* ===============================================
   エントリーボタン専用スタイル（最小・確定版）
   ・グラデーションなし
   ・影なし
   ・移動なし
   ・hover時は色のみ即時変更
   =============================================== */


/* ===============================================
   パターン1: div.recruit 内（2ボタン）
   =============================================== */

body div.recruit > ul {
	display: flex !important;
	justify-content: center !important;
	align-items: stretch !important;
	gap: 20px !important;
	padding: 0 !important;
	margin: 0 auto !important;
	list-style: none !important;
	flex-wrap: wrap !important;
}

body div.recruit > ul > li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* マイナビボタン（li01）※これは既存仕様を維持 */
.recruit .li01 {
	width: 150px;
}

body div.recruit > ul > li.li01 a {
	display: inline-block !important;
	transform: none !important;
}

body div.recruit > ul > li.li01 a:hover {
	transform: scale(1.05) !important;
}

/* エントリーフォーム（li02） */
body div.recruit > ul > li.li02 {
	flex: 1 1 auto !important;
	max-width: 400px !important;
	min-width: 280px !important;
}


/* ===============================================
   パターン2: .entry_only（1ボタン）
   =============================================== */

body ul.entry_only {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}

body ul.entry_only > li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body ul.entry_only > li.li02 {
	width: 100% !important;
	max-width: 500px !important;
}


/* ===============================================
   エントリーボタン本体
   =============================================== */

body div.recruit a.entry_button,
body ul.entry_only a.entry_button {
	display: block !important;
	width: 100% !important;
	height: 130px !important;

	background-color: var(--color-gold) !important;
	background-image: none !important;

	text-decoration: none !important;
	position: relative !important;
	overflow: hidden !important;

	/* 動き・影を完全排除 */
	transform: none !important;
	box-shadow: none !important;
}

/* hover時：色だけ変更（アニメーションなし） */
body div.recruit a.entry_button:hover,
body ul.entry_only a.entry_button:hover {
	background-color: #8d6243 !important;
}


/* ===============================================
   ボタン内部レイアウト
   =============================================== */

body div.recruit .entry_button_inner,
body ul.entry_only .entry_button_inner {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 20px !important;
	height: 100% !important;
	padding: 0 30px !important;
}

body div.recruit .entry_text,
body ul.entry_only .entry_text {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 5px !important;
}

body div.recruit .entry_main,
body ul.entry_only .entry_main {
	font-size: 1.3em !important;
	font-weight: 500 !important;
	color: #fff !important;
	line-height: 1.2 !important;
	letter-spacing: 1px !important;
}

body div.recruit .entry_sub,
body ul.entry_only .entry_sub {
	font-size: 0.9em !important;
	color: rgba(255, 255, 255, 0.9) !important;
	letter-spacing: 2px !important;
	font-family: 'Roboto', sans-serif !important;
}


/* ===============================================
   レスポンシブ
   =============================================== */

@media (max-width: 767px) {
	body div.recruit > ul {
		flex-direction: column !important;
		gap: 15px !important;
	}

	body div.recruit a.entry_button,
	body ul.entry_only a.entry_button {
		height: 100px !important;
	}

	body div.recruit .entry_button_inner,
	body ul.entry_only .entry_button_inner {
		padding: 0 20px !important;
	}
}

@media (max-width: 480px) {
	body div.recruit a.entry_button,
	body ul.entry_only a.entry_button {
		height: 90px !important;
	}

	body div.recruit .entry_button_inner,
	body ul.entry_only .entry_button_inner {
		padding: 0 15px !important;
	}

	body div.recruit .entry_main,
	body ul.entry_only .entry_main {
		font-size: 1em !important;
	}

	body div.recruit .entry_sub,
	body ul.entry_only .entry_sub {
		font-size: 0.7em !important;
	}
}