@charset "utf-8";

/*--------------------------------------
	トップ画像
---------------------------------------*/
/* トップ画像 */
	.bxslider_2 { width: 100%;display: inline-block;position: relative; }
		.bxslider_2::after { content: 'Recruit';position: absolute;top: 60%;left: 5%;transform: translate(-5%, -60%);-webkit-transform: translate(-5%, -60%);-ms-transform: translate(-5%, -60%);
							color: #fff;font-size: 17rem;font-weight: bold;opacity:0.5;font-family:Arial; }
		.d-demo img { display: block; width: 100%;height: 100vh;object-fit: cover;margin: 0 auto; }
			.topimages_w { position: absolute;right: 0;bottom: 0;z-index: 99; }
			.topimages_w img { width: 100%;height: auto; }

	@media screen and (max-width: 1100px) {
		.bxslider_2::after { font-size: 12rem; }
	}
	@media screen and (max-width: 900px) {
		.bxslider_2::after { font-size: 10rem;top: 50%;left: 5%;transform: translate(-5%, -50%);-webkit-transform: translate(-5%, -50%);-ms-transform: translate(-5%, -50%); }
	}
	@media screen and (max-width: 600px) {
		.bxslider_2::after { font-size: 8rem;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); }
	}
	@media screen and (max-width: 450px) {
		.bxslider_2::after { font-size: 6.5rem; }
	}


/*--------------------------------------
	見出し等
---------------------------------------*/
	h2.comtitle { font-size: 5rem;margin-bottom: 30px;color: #000;font-weight: bold;line-height: 1;letter-spacing: 0.5rem;text-align: left; }
	.comtitle span {display: inline-block;font-size: 2rem;font-weight: normal;color: #666;line-height: 1.8;letter-spacing: 0.3rem;margin-left: 15px;vertical-align: bottom; }

	.works_text01 { text-align: justify !important;margin: 0 auto;padding: 0;font-size: 1.8rem;font-weight: normal;line-height: 2.25;color: #000;letter-spacing: 0.05em; }

	@media screen and (max-width: 1100px) {
		.works_text01 { font-size: 1.6rem; }
	}
	@media screen and (max-width: 1000px) {
		h2.comtitle { font-size: 4rem; }
	}
	@media screen and (max-width: 800px) {
		h2.comtitle { font-size: 3.2rem; }
		.comtitle span { font-size: 1.8rem; }
	}
	@media screen and (max-width: 600px) {
		h2.comtitle { font-size: 2.8rem; }
		.comtitle span { font-size: 1.6rem; }
		.works_text01 { font-size: 1.5rem; }
	}
	@media screen and (max-width: 500px) {
		h2.comtitle { font-size: 2.3rem; }
		.comtitle span { font-size: 1.2rem; }
	}

/*--------------------------------------
	募集要項
---------------------------------------*/
.r_table { width: 100%;border-collapse: collapse;margin-bottom: 80px; }
.r_table th,td { border: 1px solid #ddd;font-size: 1.6rem;font-weight: normal;text-align: left;letter-spacing: 0.1em;line-height: 2.25; }
.r_table th { padding: 20px;background: #f4f4f4;width: 20%; }
.r_table td { padding: 20px 25px; }

	@media only screen and (max-width:1100px) {
		.r_table th,.r_table td { font-size: 1.6rem; }
	}
	@media only screen and (max-width:600px) {
		.r_table th,.r_table td { font-size: 1.5rem; }
		.r_table th,td { width: auto;display: block;border-top: none; }
		.r_table tr:first-child { border-top: 1px solid #d5d5d5; }
		.r_table th { padding: 15px; }
		.r_table td { padding: 15px; }
	}
	@media only screen and (max-width:480px) {
		.r_table th,.r_table td { font-size: 1.4rem; }
	}
/* 電話番号のリンク処理 */
	@media (pointer: fine), (hover: hover) {
		a:where([href^="tel:"]) { pointer-events: none; }
	}
/* 採用情報の問い合わせ */
	.btn,a.btn,button.btn { margin-bottom: 30px;font-size: 1.6rem;font-weight: 700;line-height: 1.5;position: relative;display: inline-block;padding: 1rem 4rem;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
							-webkit-transition: all 0.3s;transition: all 0.3s;text-align: center;vertical-align: middle;text-decoration: none;letter-spacing: 0.1em;color: #212529;border-radius: 0.5rem; }
	.btn-wrap-pc-sp { max-width: 435px;margin: 0 auto 20px; }
	a.btn-pc-sp { line-height: 1.5;width: 49.5%;padding: 1.25rem 0;color: #ffff; }
	a.btn--contact { font-size: 2rem;display: block;padding: 1.6rem 0 1.6rem 2.2rem;color: #fff;border-radius: 100vh;background: #eb6100; }
	a.btn--contact i { font-size: 2rem; }
	a.btn--contact i.fa-position-left { font-size: 3rem;left: 2rem; }
	a.btn--contact .number { line-height: 1;display: inline-block;margin-top: 0.5rem;padding: 0.25rem 2rem;letter-spacing: 0;color: #eb6100;border-radius: 0.5rem;background: #fff; }
	a.btn--contact:hover { color: #fff; }
	a.btn--tel { display: block;margin-top: 15px;padding: 1rem 0 1rem 2.2rem;color: #fff;border-radius: 100vh;background: #094; }
	a.btn--tel i { font-size: 2rem; }
	a.btn--tel i.fa-position-left { font-size: 3rem;left: 2rem; }
	a.btn--tel .number { line-height: 1;display: inline-block;margin-top: 0.5rem;padding: 0.25rem 2rem;letter-spacing: 0;color: #094;border-radius: 0.5rem;background: #fff; }
	a.btn--tel:hover { color: #fff; }
	.fa-position-left { position: absolute;top: calc(50% - 0.5em);left: 1rem; }
	.fa-position-right { position: absolute;top: calc(50% - 0.5em);right: 1rem; }
