@charset "utf-8";
/* CSS Document */


/*メインビジュアル -------------------------------------------------*/
#recruit #mv { background-image: url("images/mv-recruit.webp"); }



/*ページ内リンク（アンカーリンク）メニュー ---------------*/
#recruit li.unker-item.long { width: 270px; }
@media (max-width: 560px) {
	#recruit li.unker-item.long { width: 100%; }
}



/*どんなお仕事 -------------------------------------------------------*/
.what-box h2 { margin-bottom: 24px; font-size: 1.5em; text-align: left; }
.what-box h2 span {
	display: inline-block; vertical-align: center; margin-bottom: 8px; margin-right: 8px; padding: 4px 6px 0; color: #fff; font-size: .8em; }
.what-box.flexbox { justify-content: space-between; }
.what-text { width: 450px; }
.what-text p:first-child { margin-bottom: 120px; }
.what-video { width: calc(96% - 450px); }
.what-video iframe { width: 100%; aspect-ratio: 16 / 9; margin-bottom: 16px; }
.what-video p { font-size: .9em; }

@media (max-width: 1024px) {
	.what-text { width: 48%; }
	.what-video { width: 48%; }
}
@media (max-width: 768px) {
	.what-box.flexbox { flex-wrap: wrap; }
	.what-text, .what-video { width: 100%; }
	.what-text { margin-bottom: 24px; }
}



/*募集要項 -------------------------------------------------------*/
#requirements .inner {
	max-width: 800px; height: 60vh; background: #fff; box-shadow: 0px 4px 6px #00000033; position: relative; }
#requirements .inner p {
	width: 100%; text-align: center; position: absolute; top: 50%; left: 0; translate: 0 -50%; }




/*フッター上リンクリスト -------------------------------------------------------*/
#recruit li.footer-link-item.recruit { display: none; }
#recruit li.footer-link-item.contact { width: 80%; }