@charset "UTF-8";

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WP Maruso Group Theme
	ver.2023.08.16.Custom-
	カスタム投稿タイプ　固定ページ「募集要項　応募フォーム」　スタイルシート
────────────────────────────────────────
FileName:		/marusogroupTheme/assets/css/style-page-recruit_form.css
Editor:			TRUSTEC
Description:	固定ページ「募集要項　応募フォーム」　スタイルシート。
────────────────────────────────────────
2023/08/18:		Intro Recruit のフォントを変更。
2023/07/25:		公開。
2022/12/01:		開発開始。
2022/11/01:		サンプル開発開始。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/





/* ::::: [COMMON] ::::: */

/* Intro Recruit
--------- --------- --------- ------- */
.intro-recruit {
}
.intro-recruit-overlays-wrapper .title {
    font-family: var(--common-font-family);
}





/* ::::: [COMMON-PARTS] ::::: */





/* ::::: [] ::::: */

/* Setting
--------- --------- --------- ------- */
.recruitment-guidence {
}

/*		*/
.recruitment-guidence .layout-pullover-right {
	margin-left: var(--magazin-layout-space-width);
}
.recruitment-guidence .layout-pullover-right .layout-wrapper {
	margin-right: var(--magazin-layout-space-width);
	margin-left: var(--magazin-layout-space-height-half);
}

/* Title
--------- --------- --------- ------- */
.recruitment-guidence .recruitment-guidence-title {
	margin-bottom: 2.5em;
}

/* Over Writes :
--------- --------- --------- ------- */
.recruitment-guidence .layout-pullover-right .pattern-title-ribbon {
	margin-left: var(--magazin-layout-space-width-half);
}
/*.recruitment-guidence .layout-pullover-right .tbl-guidline {
	margin-left: var(--magazin-layout-space-width-half);
}*/


/* Media Query
--------- --------- --------- ------- */
/*	DisplayWidth < XXL	*/
@media (max-width: 1399px) {
}

/*	DisplayWidth < MD	*/
@media (max-width: 767px) {

	/* Setting
	--------- --------- --------- ------- */
	.recruitment-guidence {
	}

	.recruitment-guidence .layout-pullover-right .pattern-title-ribbon {
		 margin-left: 0;
	}

	.recruitment-guidence .layout-pullover-right {
		margin-left: var(--magazin-layout-space-width);
		margin-right: var(--magazin-layout-space-width);
	}
	.recruitment-guidence .layout-pullover-right .layout-wrapper {
		margin-right: 0;
		margin-left: 0;
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}
}

/*	DisplayWidth < XS	*/
@media (max-width: 575px) {

	/* Setting
	--------- --------- --------- ------- */
	.recruitment-guidence {
	}

	/*		*/
	.recruitment-guidence .layout-pullover-right {
	}
	.recruitment-guidence .layout-pullover-right .layout-wrapper {
	}
}





/* ::::: [] ::::: */

/* Setting
--------- --------- --------- ------- */
.tbl-guidline {
	font-size: max(1rem, 1.05vw);
	font-family: inherit;
	font-weight: inherit;
	line-height: 1.5em;
}

.tbl-guidline table {
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	line-height: inherit;
	width: 100%;
	border: none;
	border-collapse: collapse;
}

.tbl-guidline tbody {
}

.tbl-guidline tr {
	border-bottom: solid 1px var(--common-border-color-1);
}

.tbl-guidline th,
.tbl-guidline td {
	vertical-align: top;
	padding: 1.5vw 3vw;
}

.tbl-guidline th {
	font-size: 1.1em;
	font-weight: var(--common-font-weight-bold);
	text-align: left;
	width: 20%;
	min-width: 13em;
}

.tbl-guidline td {
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	line-height: inherit;
}


/* Media Query
--------- --------- --------- ------- */
/*	DisplayWidth < XXL	*/
@media (max-width: 1399px) {
}

/*	DisplayWidth < MD	*/
@media (max-width: 767px) {
}

/*	DisplayWidth < XS	*/
@media (max-width: 575px) {

	/* Setting
	--------- --------- --------- ------- */
	.tbl-guidline {
	}

	.tbl-guidline table {
	}

	.tbl-guidline tbody {
	}

	.tbl-guidline tr {
		border-bottom: solid 1px var(--common-border-color-1);
		gap: 0.5em 0;
	}

	.tbl-guidline th,
	.tbl-guidline td {
		width: 100%;
		padding: 0.5em 0;
		display: block;
	}

	.tbl-guidline th {
		padding-top: 0.8em;
	}

	.tbl-guidline td {
		padding-bottom: 0.8em;
	}
}





/* ::::: [OVER-WRITES : STYLE-COMMON] ::::: */

/* Pattern Title Ribbon
--------- --------- --------- ------- */
.pattern-title-ribbon {
}

/*	レベル２の見出し	*/
.pattern-title-ribbon.title-level2 {
	font-size: max(1.2rem, 1.88vw);
}

/*	レベル４の見出し	*/
.pattern-title-ribbon.title-level4 {
	font-size: max(1.2rem, 1.88vw);
	font-weight: var(--common-font-weight-black);
	margin-bottom: 2em;
	padding: 0.25em 1.5em 0.25em 1.5em;
	border-right: none;
	border-left: solid 0.6em var(--highlight-color);
}


/* Media Query
--------- --------- --------- ------- */
/*	DisplayWidth < XXL	*/
@media (max-width: 1399px) {
}

/*	DisplayWidth < MD	*/
@media (max-width: 767px) {
}

/*	DisplayWidth < XS	*/
@media (max-width: 575px) {
}