@charset "UTF-8";

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WP Maruso Group Theme
	ver.2023.08.16.Custom-
	カスタム投稿タイプ　個別投稿「採用情報（グループ会社）」　スタイルシート
────────────────────────────────────────
FileName:		/marusogroupTheme/assets/css/style-single.css
Editor:			TRUSTEC
Description:	カスタム投稿タイプ　個別投稿「採用情報（グループ会社）」　スタイルシート。
────────────────────────────────────────
2023/09/19:		ページ内リンクのデザイン（RECRUIT-INLINE-MENU）を追加
2023/08/18:		Intro Recruit のフォントを変更。
2023/08/16:		採用情報（会社概要）共通セクションに項目追加
					MESSAGE きちんと社会貢献する
2023/07/25:		公開。
2023/05/31:		マルソー株式会社専用に項目追加
					きちんと社会貢献する
2022/12/01:		開発開始。
2022/11/01:		サンプル開発開始。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/





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

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





/* ::::: [LAYOUT-PARTS] ::::: */

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

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

}
/*	DisplayWidth < XS	*/
@media (max-width: 575px) {
	.layout-pullover-left {
		margin-left: 0;
		margin-right: 0;
	}
	.layout-pullover-left .layout-wrapper {
		margin-left: 0;
		margin-right: 0;
	}

	.layout-pullover-right {
		margin-left: 0;
		margin-right: 0;
	}
	.layout-pullover-right .layout-wrapper {
		margin-left: 0;
		margin-right: 0;
	}
}





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

/* Message
--------- --------- --------- ------- */
/*	Message	*/
.message {
}

/*	Signature	*/
.signature {
}
.signature-post {
}
.signature-name {
}





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

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

/*	レベル１の見出し	*/
.pattern-title-ribbon.title-level1 {
}

/*	レベル２の見出し	*/
.pattern-title-ribbon.title-level2 {
}

/*	レベル３の見出し	*/
.pattern-title-ribbon.title-level3 {
}

/*	レベル４の見出し	*/
.pattern-title-ribbon.title-level4 {
}





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

/* Pattern Block Landscape
--------- --------- --------- ------- */
.pattern-block-landscape {
	/*	カスタムプロパティ	*/
	--background-color: var(--section-background-color-1);

    position: relative;
	/*background-color: rgba(180, 255, 0, 0.1);*/
}
.pattern-block-landscape::before {
	content: "";
	width: 87%;
	height: 85%;
	display: block;
	position: absolute;
	top: 15%;
	right: 0;
	z-index: -1;
}
.pattern-block-landscape.layout-align-right::before {
	right: 0;
}
.pattern-block-landscape.layout-align-left::before {
	left: 0;
}

/* タイトルとイメージのエリア
--------- --------- --------- ------- */
.pattern-block-landscape .picture-wrapper {
    position: relative;
	/*background-color: rgba(180, 255, 0, 0.1);*/
}
.pattern-block-landscape .picture-wrapper::before {
}

.pattern-block-landscape-max-width {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	/*background-color: rgba(180, 255, 0, 0.1);*/
}

/* Over Write: Pattern Title Marker
--------- --------- --------- ------- */
.pattern-block-landscape .picture-wrapper .pattern-title-marker {
	position: absolute;
	top: 0;
	z-index: 20;
}
.pattern-block-landscape.layout-align-right .picture-wrapper .pattern-title-marker {
	right: 0;
}
.pattern-block-landscape.layout-align-left .picture-wrapper .pattern-title-marker {
	left: 0;
}

/* Over Write: Pattern Title Handwriting
--------- --------- --------- ------- */
.pattern-block-landscape .picture-wrapper .pattern-title-handwriting {
	position: absolute;
	bottom: 0;
	z-index: 20;
}
.pattern-block-landscape.layout-align-right .picture-wrapper .pattern-title-handwriting {
	left: 0;
}
.pattern-block-landscape.layout-align-left .picture-wrapper .pattern-title-handwriting {
	right: 0;
	bottom: 0.2em;
}

/* Pictures
--------- --------- --------- ------- */
/*	横長	*/
.pattern-block-landscape .landscapes {
	max-width: 82%;
	aspect-ratio: 16 / 10;
	position: relative;
	z-index: 10;
/*	background-color: rgba(255, 0, 0, 0.2);*/
}
.pattern-block-landscape .landscapes .landscapes-wrapper .picture {
	aspect-ratio: 16 / 9;
	/*background-color: rgba(255, 255, 0, 0.1);*/
}
.pattern-block-landscape .landscapes .landscapes-wrapper .picture img {
	background-color: #000000;
}

/*	縦長	*/
.pattern-block-landscape .portraits {
	aspect-ratio: 9 / 18;
	position: relative;
	z-index: 10;
	/*background-color: rgba(255, 0, 0, 0.2);*/
}

.pattern-block-landscape .portraits .portraits-wrapper .picture img {
	background-color: #000000;
	aspect-ratio: 9 / 16;
}

/* 文章のエリア
--------- --------- --------- ------- */
.pattern-block-landscape .message-wrapper {
}

.pattern-block-landscape .message-wrapper .message-wrapper-center {
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding-right: var(--magazin-layout-space-width);
}

/* Over Write: Message
--------- --------- --------- ------- */
/*	Message	*/
.pattern-block-landscape .message {
}

/*	Signature	*/
.pattern-block-landscape .signature {
	font-size: inherit;
	line-height: 1.5em;
}
.pattern-block-landscape .signature-post {
	font-size: inherit;
}
.pattern-block-landscape .signature-name {
	font-size: 2.26em;
	line-height: 1.5em;
}

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

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

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







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






/* **** **** **** **** ****
 * 採用情報（会社概要）共通部品
 * **** **** **** **** **** */

/* ::::: [PATTERN BLOCK STAFF VOICE] ::::: */

/* Setting
--------- --------- --------- ------- */
.pattern-block-staffvoice {

	--staffvoice-background-space-height: max(1rem, 1.5vw);
	--staffvoice-picture-space-height: 2vw;

	background-color: #ffffff;
	margin-left: var(--staffvoice-background-space-height);
	margin-right: var(--staffvoice-background-space-height);

    position: relative;

	/*box-shadow: var(--staffvoice-background-space-height) var(--staffvoice-background-space-height) 0 var(--common-pointed-color-1);*/
}
.pattern-block-staffvoice::before {
	content: "";
	background-color: var(--common-pointed-color-1);
	width: 98%;
	height: 35%;
	display: block;
	position: absolute;
	bottom: calc(var(--staffvoice-background-space-height) * -1);
	right: calc(var(--staffvoice-background-space-height) * -1);
	z-index: -1;
}

.pattern-block-staffvoice .staffvoice-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	/*background-color: rgba(255, 0, 0, 0.1);*/
}
/*	写真を使用しない	*/
.pattern-block-staffvoice .staffvoice-wrapper.no-picture {
	display: block;
}

.pattern-block-staffvoice .staffvoice-item {
	/*background-color: rgba(255, 0, 0, 0.1);*/
}

/* Picture
--------- --------- --------- ------- */
.pattern-block-staffvoice .staffvoice-item.item-picture {
	order: 1;
	flex-basis: 30%;

	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;

	margin-top: -1em;
	margin-left: -1em;

	/*background-color: rgba(0, 255, 0, 0.1);*/
}

.pattern-block-staffvoice .staffvoice-item.item-picture .pattern-title-marker {
	order: 2;
    /*font-size: 1.2em;*/
	font-size: max(1rem, 1.2vw);
	margin: -2em 0 0 auto;
	/*transform: translateX(1.5em);*/
}
.pattern-block-staffvoice .staffvoice-item.item-picture .pattern-title-marker .title {
	text-align: right;
}
/*	写真を使用しない	*/
.pattern-block-staffvoice .staffvoice-wrapper.no-picture .pattern-title-marker {
	font-size: max(1rem, 1.2vw);
	margin: 0;
}
.pattern-block-staffvoice .staffvoice-wrapper.no-picture  .pattern-title-marker .title {
	margin: 1em 0 0 -1em;
}

.pattern-block-staffvoice .staffvoice-item.item-picture .picture {
	order: 1;
	width: 90%;
	aspect-ratio: 4 / 3;
	margin: 0 auto 0 0;
	padding: 0;
	display: block;
}

.pattern-block-staffvoice .staffvoice-item.item-picture .picture img {
	width: 100%;
	object-fit: cover;
	object-position: center center;
	margin: 0;
	padding: 0;
	display: block;
}

/* Voice
--------- --------- --------- ------- */
.pattern-block-staffvoice .staffvoice-item.item-voice {
	order: 2;
	flex-basis: 70%;
	align-self: center;

	font-size: max(1rem, 1.2vw);
	line-height: 2em;
	padding: 1em 2em 1em 1em;

	/*background-color: rgba(0, 0, 255, 0.1);*/
}
/*	写真を使用しない	*/
.pattern-block-staffvoice .staffvoice-wrapper.no-picture .staffvoice-item.item-voice {
	padding: 1em 2em;
}

.pattern-block-staffvoice .staffvoice-item.item-voice p:last-of-type {
	margin-bottom: 0;
}

/* Media Query
--------- --------- --------- ------- */
/*	DisplayWidth > XL	*/
@media (min-width: 1400px) {
}

/*	DisplayWidth < LG	*/
@media (max-width: 1199px) {

	/* Setting
	--------- --------- --------- ------- */
	.pattern-block-staffvoice {
	}
	.pattern-block-staffvoice::before {
		height: 80%;
	}

	.pattern-block-staffvoice .staffvoice-wrapper {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.pattern-block-staffvoice .staffvoice-item {
	}

	/* Picture
	--------- --------- --------- ------- */
	.pattern-block-staffvoice .staffvoice-item.item-picture {
		width: 100%;
		margin-top: 0;
	}

	.pattern-block-staffvoice .staffvoice-item.item-picture .pattern-title-marker {
		order: 1;
		font-size: 1.2em;
		margin: 0;
		margin-left: calc(var(--magazin-layout-space-width-half) * -1);
		transform: translateY(1em);
	}
	.pattern-block-staffvoice .staffvoice-item.item-picture .pattern-title-marker .title {
		text-align: left;
	}
	.pattern-block-staffvoice .staffvoice-item.item-picture .pattern-title-marker .title .title-text {
		padding-left: 2em;
	}

	.pattern-block-staffvoice .staffvoice-item.item-picture .picture {
		order: 2;
	}

	.pattern-block-staffvoice .staffvoice-item.item-picture .picture img {
	}

	/* Voice
	--------- --------- --------- ------- */
	.pattern-block-staffvoice .staffvoice-item.item-voice {
		width: 100%;
		padding: 1em var(--magazin-layout-space-width) 1em 1em;
	}

	.pattern-block-staffvoice .staffvoice-item.item-voice p:last-of-type {
	}
}

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

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

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

	/* Setting
	--------- --------- --------- ------- */
	.pattern-block-staffvoice {
	}
	.pattern-block-staffvoice::before {
	}

	.pattern-block-staffvoice.ml-me {
		margin-right: 0;
	}
	.pattern-block-staffvoice.ml-my-half {
		margin-top: 3rem;
	}
	.pattern-block-staffvoice.ml-mt-half {
		margin-top: 3rem;
	}

	.pattern-block-staffvoice .staffvoice-wrapper {
	}

	.pattern-block-staffvoice .staffvoice-item {
	}

	/* Picture
	--------- --------- --------- ------- */
	.pattern-block-staffvoice .staffvoice-item.item-picture {
		margin: 0;
		padding: 0;
	}

	.pattern-block-staffvoice .staffvoice-item.item-picture .pattern-title-marker {
		margin: 0;
		margin-top: -2em;
		margin-left: calc(var(--magazin-layout-space-width) * -2)
	}
	.pattern-block-staffvoice .staffvoice-item.item-picture .pattern-title-marker .title {
	}
	.pattern-block-staffvoice .staffvoice-item.item-picture .pattern-title-marker .title .title-text {
	}

	.pattern-block-staffvoice .staffvoice-item.item-picture .picture {
		width: 100%;
		aspect-ratio: auto;
		margin: 0;
		padding: 0;
	}

	.pattern-block-staffvoice .staffvoice-item.item-picture .picture img {
	}

	/* Voice
	--------- --------- --------- ------- */
	.pattern-block-staffvoice .staffvoice-item.item-voice {
		padding: 1rem var(--magazin-layout-space-width);
	}

	.pattern-block-staffvoice .staffvoice-item.item-voice p:last-of-type {
	}
}





/* ::::: [PATTERN TITLE RECRUIT ABOUTUS] ::::: */

/* Setting
--------- --------- --------- ------- */
.pattern-title-recruit-aboutus {
	font-size: max(1rem, 3.65vw);	/*	75px	*/
	line-height: 1.5em;
	width: 100%;
	height: 6em;
	position: relative;
}
.pattern-title-recruit-aboutus-wrapper {
	background-color: var(--common-pointed-color-1);
	color: #ffffff;
	font-size: inherit;
	font-weight: var(--common-font-weight-bold);
	line-height: inherit;
	width: 100%;
/*	height: 6em;
	overflow: hidden;*/
	padding: 1vw 2vw;
	display: block;
	position: absolute;
	top: -1.5em;
	z-index: 20;
}
.pattern-title-recruit-aboutus .title-small {
	background-color: #ffffff;
	color: var(--common-pointed-color-1);
	font-size: max(1rem, 1.57vw);	/*	30px	*/
	font-weight: inherit;
	line-height: 1.5em;
	margin-bottom: 0;
	padding: 0.5em 1.5em;
	display: inline-block;
}
.pattern-title-recruit-aboutus .title {
	background-color: var(--common-pointed-color-1);
	font-weight: inherit;
	/*text-align: center;*/
	margin-bottom: 0;
	padding: 0.5em 0.5em 0.5em 1em;
	display: block;
}


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

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

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

	.pattern-title-recruit-aboutus {
		font-size: 1.2rem;
	}

	.pattern-title-recruit-aboutus-wrapper {
		padding: 0.5rem 0 0.5rem var(--magazin-layout-space-width);
	}

	.pattern-title-recruit-aboutus .title-small {
		padding: 0.5em var(--magazin-layout-space-width);
	}

	.pattern-title-recruit-aboutus .title {
		padding: 0.5em var(--magazin-layout-space-width);
	}
}





/* ::::: [PATTERN BLOCK NOTICE] ::::: */

/* Setting
--------- --------- --------- ------- */
.pattern-block-notice {
	/*background-color: rgba(0, 255, 0, 0.1);*/
}
.pattern-block-notice-wrapper {
	/*background-color: rgba(0, 255, 0, 0.1);*/
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.pattern-block-notice-wrapper p {
}
.pattern-block-notice-wrapper p:last-of-type {
	margin-bottom: 0;
}

/*
--------- --------- --------- ------- */
.pattern-block-notice .pattern-title-ribbon.title-level4 {
	margin-bottom: 1.5em;
}


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

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

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

	/* Setting
	--------- --------- --------- ------- */
	.pattern-block-notice {
	}
	.pattern-block-notice-wrapper {
	}

	.pattern-block-notice-wrapper p {
	}
	.pattern-block-notice-wrapper p:last-of-type {
	}

	/*
	--------- --------- --------- ------- */
	.pattern-block-notice .pattern-title-ribbon.title-level4 {
	}
}





/* ::::: [RECRUITMENT-GUIDE-LIST] ::::: */

/* Setting
--------- --------- --------- ------- */
#recruitment-guide-list {
	padding-bottom: 3vw;
	background-color: rgba(180, 255, 255, 0.3);
}
#recruitment-guide-list::before {
	content: "";
}





/* ::::: [RECRUITMENT-GUIDENCE] ::::: */

/* 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);
}




/* ::::: [RECRUIT-INLINE-MENU] ::::: */

/* Setting
--------- --------- --------- ------- */
#recruit-menu {
	padding-left: var(--magazin-layout-space-width);
	padding-right: var(--magazin-layout-space-width);
	position: sticky;
	top: 6rem;
	z-index: 100;
}

#recruit-menu.nav {
}

#recruit-menu.nav .nav-item {
}

#recruit-menu.nav .nav-link {
	background-color: rgba(255, 255, 255, 0.9);
	color: var(--common-color);
	font-weight: var(--common-font-weight-bold);
	padding: 0.8rem 2rem;
	border-bottom: solid 0.3em #e0e0e0;
	transition: 0.4s;
}
#recruit-menu.nav .nav-item:first-child .nav-link {
	border-radius: 0 0 0 2px;
}
#recruit-menu.nav .nav-item:last-child .nav-link {
	border-radius: 0 0 2px 0;
}

#recruit-menu.nav .nav-link:hover,
#recruit-menu.nav .nav-link:focus,
#recruit-menu.nav .nav-link:active {
	background-color: rgba(255, 255, 255, 1);
	opacity: 1;
	border-bottom-color: var(--common-pointed-color-1);
}


/* Media Query
--------- --------- --------- ------- */

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

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

	/* Setting
	--------- --------- --------- ------- */
	#recruit-menu {
		background-color: rgba(255, 255, 255, 0.9);
		padding: 0.5rem 0;
	}

	#recruit-menu.nav {
	}

	#recruit-menu.nav .nav-item {
	}

	#recruit-menu.nav .nav-link {
		background-color: transparent;
		padding: 0.8rem 1rem;
	}

	#recruit-menu.nav .nav-link:hover,
	#recruit-menu.nav .nav-link:focus,
	#recruit-menu.nav .nav-link:active {
		background-color: transparent;
	}
}










/* **** **** **** **** ****
 * 採用情報（会社概要）共通セクション
 * **** **** **** **** **** */


/* ::::: [SECTION : MESSAGE] ::::: */

/* Setting
--------- --------- --------- ------- */
#message {
    position: relative;
	padding-bottom: 3vw;
	/*background-color: rgba(180, 255, 0, 0.1);*/
}
#message::before {
	content: "";
	width: 90%;
	height: 88%;
	top: 12%;
}


/* Over Write: Pattern Block Llandscape
--------- --------- --------- ------- */
#message .pattern-block-landscape {
}

#message .picture-wrapper {
}
#message .picture-wrapper::before {
}

#message .pattern-block-landscape-max-width {
	width: 83%;
	/*background-color: rgba(180, 255, 0, 0.1);*/
}


/* Over Write: Pattern Title Marker
--------- --------- --------- ------- */
#message.background-pullover-left .picture-wrapper .pattern-title-marker {
	right: 1em;
}
#message.background-pullover-right .picture-wrapper .pattern-title-marker {
	left: 0;
}

/* Over Write: Pattern Title Handwriting
--------- --------- --------- ------- */
#message.background-pullover-left .pattern-title-handwriting {
	left: 0;
}
#message.background-pullover-right .pattern-title-handwriting {
	bottom: 0.25em;
	right: -0.5em;
}


/* Over Write: Message
--------- --------- --------- ------- */
#message .message {
}


/* きちんと社会貢献する
--------- --------- --------- ------- */
#message #social-contribution {
}

/*	レベル１の見出し	*/
#message #social-contribution .pattern-title-ribbon.title-level1 {
	display: inline-block;
	padding-right: 1.5em;
}
/*	本文	*/
#message #social-contribution .social-contribution-content {
	line-height: 2em;
}


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

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

	#message .message-wrapper {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}
	#message .message-wrapper p {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}


	/* Over Writes: きちんと社会貢献する
	--------- --------- --------- ------- */
	#message #social-contribution {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}
}

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

	/* Setting
	--------- --------- --------- ------- */
	#message {
	}
	#message::before {
		width: 100%;
		height: calc(100% - 7rem);
		top: 7rem;
	}

	#message.ml-my {
		margin-top: 7rem;
		margin-bottom: 7rem;
	}

	/* Over Write: Pattern Title Marker
	--------- --------- --------- ------- */
	#message .picture-wrapper .pattern-title-marker {
		top: auto;
		right: auto;
		left: 0;
		bottom: 0;
	}
	#message .picture-wrapper .pattern-title-marker .title {
	}

	/* Over Write: Pattern Title Handwriting
	--------- --------- --------- ------- */
	#message .picture-wrapper .pattern-title-handwriting {
		left: auto;
		bottom: auto;
		right: var(--magazin-layout-space-width);
		top: -1rem;
		transform: rotate(8deg);
	}

	/* Over Write: Pattern Block Llandscape
	--------- --------- --------- ------- */
	#message .pattern-block-landscape .landscapes {
		max-width: none;
		width: calc(100vw - calc(var(--magazin-layout-space-width) * 2));
	}

	#message .landscapes-wrapper {
		top: 0;
		left: 0;
		transform: translate(0, 0);
	}

	#message .pattern-block-landscape-max-width {
		width: 100%;
	}


	#message .message-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
	#message .message-wrapper.ml-mt-half {
		margin-top: 2rem;
	}
	#message .message-wrapper {
	}
	#message .message-wrapper .message-wrapper-center {
		max-width: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	#message .message-wrapper .ps-5 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}


	/* Over Writes: Message
	--------- --------- --------- ------- */
	/*	Message	*/
	#message .message {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}

	/*	Signature	*/
	#message .signature-name {
		font-size: 1.3em;
	}


	/* Over Writes: きちんと社会貢献する
	--------- --------- --------- ------- */
	/*	レベル１の見出し	*/
	#message #social-contribution .pattern-title-ribbon.title-level1 {
		padding-right: calc(var(--page-layout-space-width) * 2);
	}
}





/* ::::: [SECTION : ABOUT-US] ::::: */

/* Setting
--------- --------- --------- ------- */
#about-us {
    position: relative;
	padding-bottom: 3vw;
	/*background-color: rgba(180, 255, 0, 0.1);*/
}
#about-us::before {
	content: "";
	width: 90%;
	height: 88%;
	top: 12%;
}


/*
--------- --------- --------- ------- */
#about-us .about-us-common-text-wrapper {
}

#about-us .about-us-common-text-wrapper p {
	padding-left: var(--magazin-layout-space-width-half);
	padding-right: var(--magazin-layout-space-width);
}


/* Over Write: Pattern Block Llandscape
--------- --------- --------- ------- */
#about-us .pattern-block-landscape {
}

#about-us .picture-wrapper {
}
#about-us .picture-wrapper::before {
}

#about-us .pattern-block-landscape-max-width {
	width: 83%;
	/*background-color: rgba(180, 255, 0, 0.1);*/
}


/* Over Write: Pattern Title Handwriting
--------- --------- --------- ------- */
#about-us .pattern-title-handwriting {
	top: 0;
	transform: rotate(8deg);
}
#about-us.background-pullover-left .pattern-title-handwriting {
	left: 0;
}
#about-us.background-pullover-right .pattern-title-handwriting {
	right: 0;
}

/* 文章のエリア
--------- --------- --------- ------- */
#about-us .pattern-block-landscape .message-wrapper {
	/*position: relative;*/
}
#about-us .pattern-block-landscape .message-wrapper.layout-pullover-left {
/*	margin-right: var(--magazin-layout-space-width);*/
}
#about-us .pattern-block-landscape .message-wrapper.layout-pullover-right {
/*	margin-left: var(--magazin-layout-space-width);*/
}

#about-us .pattern-block-landscape .message-wrapper .message-wrapper-center {
}


/* Over Write: Pattern Title Ribbon
--------- --------- --------- ------- */
/*	レベル２の見出し	*/
#about-us .pattern-title-ribbon.title-level2 {
	background-color: var(--common-pointed-color-1);
	/*margin-right: var(--magazin-layout-space-width);*/
}


/* Over Write: Pattern Block Point
--------- --------- --------- ------- */
#about-us .pattern-block-point {
}

#about-us .pattern-block-point .pattern-block-point-title {
	background-color: #ffffff;
}


/* Over Write: Message
--------- --------- --------- ------- */
#about-us .message {
}


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

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

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

	/* Setting
	--------- --------- --------- ------- */
	#about-us {
	}
	#about-us::before {
		width: 100%;
		height: calc(100% - 7rem);
		top: 7rem;
	}

	#about-us.ml-my {
		margin-top: 7rem;
		margin-bottom: 7rem;
	}


	/*
	--------- --------- --------- ------- */
	#about-us .about-us-common-text-wrapper.ml-my-half {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	#about-us .about-us-common-text-wrapper p {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}


	/* Over Write: Pattern Title Handwriting
	--------- --------- --------- ------- */
	#about-us .picture-wrapper .pattern-title-handwriting {
		left: auto;
		bottom: auto;
		right: var(--magazin-layout-space-width);
		top: -1rem;
		transform: rotate(8deg);
	}

	/* Over Write: Pattern Block Llandscape
	--------- --------- --------- ------- */
	#about-us .pattern-block-landscape .landscapes {
		max-width: none;
		width: calc(100vw - calc(var(--magazin-layout-space-width) * 2));
	}

	#about-us .landscapes-wrapper {
		top: 0;
		left: 0;
		transform: translate(0, 0);
	}

	#about-us .pattern-block-landscape-max-width {
		width: 100%;
	}

	/* 文章のエリア
	--------- --------- --------- ------- */
	#about-us .pattern-block-landscape .message-wrapper {
	}
	#about-us .pattern-block-landscape .message-wrapper.layout-pullover-left {
	}
	#about-us .pattern-block-landscape .message-wrapper.layout-pullover-right {
	}

	#about-us .pattern-block-landscape .message-wrapper .message-wrapper-center {
	}



	/* Over Write: Pattern Title Ribbon
	--------- --------- --------- ------- */
	/*	レベル２の見出し	*/
	#about-us .pattern-title-ribbon.title-level2 {
		margin-top: 1em;
		margin-bottom: 1em;
	}
	#about-us .pattern-title-ribbon.title-level2 {
	}


	/* Over Write: Pattern Block Point
	--------- --------- --------- ------- */
	#about-us .pattern-block-point {
	}

	#about-us .pattern-block-point.ml-me {
		margin-right: 0;
	}

	#about-us .pattern-block-point.ml-mb-half {
		margin-bottom: 3rem;
	}
}





/* ::::: [SECTION : STAFF-VOICE] ::::: */

/* Setting
--------- --------- --------- ------- */
#staff-voice {
    position: relative;
	padding-bottom: 3vw;
	/*background-color: rgba(180, 255, 0, 0.1);*/
}
#staff-voice::before {
	content: "";
	width: 90%;
	height: 88%;
	top: 12%;
}

#staff-voice .layout-pullover-left .layout-wrapper {
/*	margin-left: var(--magazin-layout-space-width-double);*/
	margin-left: var(--magazin-layout-space-width);
}


/*
--------- --------- --------- ------- */
#staff-voice .staff-voice-common-text-wrapper {
}

#staff-voice .staff-voice-common-text-wrapper p {
	padding-left: var(--magazin-layout-space-width-half);
	padding-right: var(--magazin-layout-space-width-half);
}


/* Over Write: Pattern Block Llandscape
--------- --------- --------- ------- */
#staff-voice .pattern-block-landscape {
}

#staff-voice .picture-wrapper {
}
#staff-voice .picture-wrapper::before {
}

#staff-voice .pattern-block-landscape-max-width {
	width: 83%;
	/*background-color: rgba(180, 255, 0, 0.1);*/
}

#staff-voice .pattern-block-landscape .landscapes .picture {
}
#staff-voice .pattern-block-landscape .landscapes .picture::before {
	content: "";
	background-color: var(--common-pointed-color-1);
	width: 40%;
	height: 40%;
	display: block;
	position: absolute;
	top: -2.5vw;
	left: -2.5vw;
	z-index: -1;
}


/* Over Write: Pattern Title Marker
--------- --------- --------- ------- */


/* Over Write: Pattern Title Handwriting
--------- --------- --------- ------- */
#staff-voice .pattern-title-handwriting {
}
#staff-voice.background-pullover-left .pattern-title-handwriting {
	right: 0;
	bottom: 0.5em;
}
#staff-voice.background-pullover-right .pattern-title-handwriting {
	left: 0;
}

/* 文章のエリア
--------- --------- --------- ------- */
#staff-voice .pattern-block-landscape .message-wrapper {
	/*position: relative;*/
}
#staff-voice .pattern-block-landscape .message-wrapper.layout-pullover-left {
/*	margin-right: var(--magazin-layout-space-width);*/
}
#staff-voice .pattern-block-landscape .message-wrapper.layout-pullover-right {
/*	margin-left: var(--magazin-layout-space-width);*/
}

#staff-voice .pattern-block-landscape .message-wrapper .message-wrapper-center {
}


/* Over Write: Pattern Title Ribbon
--------- --------- --------- ------- */
/*	レベル２の見出し	*/
#staff-voice .pattern-title-ribbon.title-level2 {
	background-color: var(--common-pointed-color-1);
	padding-left: var(--magazin-layout-space-width);
}


/* Over Write: Pattern Block Point
--------- --------- --------- ------- */
/*#staff-voice .pattern-block-point {

	--point-font-size: 0.94w;			18px
	--point-font-size: 1.2vw;			23px
	--point-font-size: 2.76vw;			53px

	font-size: 0.94vw;			18px
}

#staff-voice .pattern-block-point .pattern-block-point-title {
	background-color: #ffffff;
	font-size: 1.3vw;		25px
}*/


/* Over Write: Message
--------- --------- --------- ------- */
#staff-voice .message {
}


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

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

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


	/* Setting
	--------- --------- --------- ------- */
	#staff-voice {
	}
	#staff-voice::before {
		width: 100%;
		height: calc(100% - 7rem);
		top: 7rem;
	}

	#staff-voice .layout-pullover-left .layout-wrapper {
		margin-left: var(--magazin-layout-space-width);
		margin-right: var(--magazin-layout-space-width);
	}

	#staff-voice.ml-my {
		margin-top: 7rem;
		margin-bottom: 7rem;
	}
	#staff-voice .ml-mt-half {
		margin-top: 0;
	}


	/*
	--------- --------- --------- ------- */
	#staff-voice .staff-voice-common-text-wrapper.ml-my-half {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	#staff-voice .staff-voice-common-text-wrapper p {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}

	/* Over Write: Pattern Title Handwriting
	--------- --------- --------- ------- */
	#staff-voice .picture-wrapper .pattern-title-handwriting {
		left: auto;
		bottom: auto;
		right: var(--magazin-layout-space-width);
		top: -1rem;
		transform: rotate(8deg);
	}

	/* Over Write: Pattern Block Llandscape
	--------- --------- --------- ------- */
	#staff-voice .pattern-block-landscape.ml-mb-half {
		margin-bottom: 0;
	}

	#staff-voice .pattern-block-landscape .landscapes {
		max-width: none;
		width: calc(100vw - calc(var(--magazin-layout-space-width) * 2));
	}

	#staff-voice .landscapes-wrapper {
		top: 0;
		left: 0;
		transform: translate(0, 0);
	}

	#staff-voice .pattern-block-landscape-max-width {
		width: 100%;
	}

	/* 文章のエリア
	--------- --------- --------- ------- */


	/* Over Write: Pattern Title Ribbon
	--------- --------- --------- ------- */
	/*	レベル２の見出し	*/
	#staff-voice .pattern-title-ribbon.title-level2 {
	}
	#staff-voice .layout-pullover-left .pattern-title-ribbon.title-level2 {
	}


	/* Over Write: Pattern Block Point
	--------- --------- --------- ------- */
/*	#staff-voice .pattern-block-point {
	}

	#staff-voice .pattern-block-point.ml-me {
		margin-right: 0;
	}

	#staff-voice .pattern-block-point.ml-mb-half {
		margin-bottom: 3rem;
	}*/
}















/* **** **** **** **** ****
 * マルソー株式会社専用
 * **** **** **** **** **** */

/* ::::: [SECTION-TOP-MESSAGE] ::::: */

/* Setting
--------- --------- --------- ------- */
#top-message {
    position: relative;
	padding-bottom: 3vw;
	/*background-color: rgba(180, 255, 0, 0.1);*/
}
#top-message::before {
	content: "";
	width: 89%;
	height: 88%;
	top: 12%;
}


/* Over Write: Pattern Block Llandscape
--------- --------- --------- ------- */
#top-message .pattern-block-landscape {
}

#top-message .picture-wrapper {
}
#top-message .picture-wrapper::before {
}

#top-message .pattern-block-landscape-max-width {
	width: 83%;
	/*background-color: rgba(180, 255, 0, 0.1);*/
}

#top-message .pattern-block-landscape .landscapes {
}

#top-message .message-wrapper {
	font-weight: var(--common-font-weight-bold);
}
#top-message .message-wrapper .message-wrapper-center {
}


/* Over Write: Pattern Title Marker
--------- --------- --------- ------- */
#top-message .picture-wrapper .pattern-title-marker {
	right: 0;
}

/* Over Write: Pattern Title Handwriting
--------- --------- --------- ------- */
#top-message .picture-wrapper .pattern-title-handwriting {
	left: 0;
}


/* Pictures
--------- --------- --------- ------- */
/*	横長	*/
#top-message .landscapes {
}
#top-message .landscapes-wrapper {
/*	background-color: rgba(255, 0, 0, 0.2);*/
}

/*	縦長	*/
#top-message .portraits {
/*	background-color: rgba(255, 0, 0, 0.2);*/
}


/* Over Write: Message
--------- --------- --------- ------- */
/*	Message	*/
#top-message .message {
}

/*	Signature	*/
#top-message .signature {
}
#top-message .signature-post {
}
#top-message .signature-name {
}

/* 【削除予定】きちんと社会貢献する
--------- --------- --------- ------- */
#top-message #social-contribution {
}

/*	【削除予定】レベル１の見出し	*/
#top-message #social-contribution .pattern-title-ribbon.title-level1 {
	display: inline-block;
	padding-right: 1.5em;
}
/*	【削除予定】本文	*/
#top-message #social-contribution .social-contribution-content {
	line-height: 2em;
}


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

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

	/* Pictures
	--------- --------- --------- ------- */
	/*	縦長	*/
	#top-message .portraits {
		width: 80%;
		aspect-ratio: auto;
/*		margin-top: 1em;*/
		margin: 1em auto;
	}

	#top-message .portraits .portraits-wrapper {
		/*aspect-ratio: auto;*/
		position: initial;
		transform: none;
	}

	#top-message .portraits .portraits-wrapper .picture {
		/*aspect-ratio: auto;*/
	}

	#top-message .portraits .portraits-wrapper .picture img {
		width: 100%;
/*		aspect-ratio: 4 / 3;*/
		aspect-ratio: 3 / 4;
		object-fit: cover;
		object-position: center;
	}


	/* 【削除予定】Over Writes: きちんと社会貢献する
	--------- --------- --------- ------- */
	#top-message #social-contribution {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}
}
/*	DisplayWidth < XS	*/
@media (max-width: 575px) {

	/* Setting
	--------- --------- --------- ------- */
	#top-message {
	}
	#top-message::before {
		width: 100%;
/*		height: 95%;
		top: 5%;*/
		height: calc(100% - 7rem);
		top: 7rem;
	}

	#top-message.ml-my {
		margin-top: 7rem;
		margin-bottom: 7rem;
	}

	/* Over Write: Pattern Title Marker
	--------- --------- --------- ------- */
	#top-message .picture-wrapper .pattern-title-marker {
		top: auto;
		right: auto;
		left: 0;
		bottom: 0;
	}
	#top-message .picture-wrapper .pattern-title-marker .title {
	}

	/* Over Write: Pattern Title Handwriting
	--------- --------- --------- ------- */
	#top-message .picture-wrapper .pattern-title-handwriting {
		left: auto;
		bottom: auto;
		right: var(--magazin-layout-space-width);
		top: -1rem;
		transform: rotate(8deg);
	}

	/* Over Write: Pattern Block Llandscape
	--------- --------- --------- ------- */
	#top-message .pattern-block-landscape .landscapes {
		max-width: none;
		width: calc(100vw - calc(var(--magazin-layout-space-width) * 2));
	}

	#top-message .landscapes-wrapper {
		top: 0;
		left: 0;
		transform: translate(0, 0);
	}

	#top-message .pattern-block-landscape-max-width {
		width: 100%;
	}


	#top-message .message-wrapper {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}
	#top-message .message-wrapper.ml-mt-half {
		margin-top: 2rem;
	}
	#top-message .message-wrapper {
	}
	#top-message .message-wrapper .message-wrapper-center {
		max-width: none;
		width: 100%;
/*		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);*/
		padding-left: 0;
		padding-right: 0;
	}

	#top-message .message-wrapper .ps-5 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}


	/* Over Writes: Message
	--------- --------- --------- ------- */
	/*	Message	*/
	#top-message .message {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}

	/*	Signature	*/
	#top-message .signature-name {
		font-size: 1.3em;
	}


	/* 【削除予定】Over Writes: きちんと社会貢献する
	--------- --------- --------- ------- */
	/*	レベル１の見出し	*/
	#top-message #social-contribution .pattern-title-ribbon.title-level1 {
		padding-right: calc(var(--page-layout-space-width) * 2);
	}
}





/* ::::: [SECTION : PERSONNEL-SOUGHT] ::::: */

/* Setting
--------- --------- --------- ------- */
#personnel-sought {
	padding-bottom: 3vw;
}
#personnel-sought::before {
	content: "";
	width: 90%;
	height: 88%;
	top: 12%;
}


/* Over Write: Pattern Block Llandscape
--------- --------- --------- ------- */
#personnel-sought .pattern-block-landscape {
}

#personnel-sought .picture-wrapper {
}
#personnel-sought .picture-wrapper::before {
}

#personnel-sought .pattern-block-landscape-max-width {
	width: 86%;
	/*background-color: rgba(180, 255, 0, 0.1);*/
}


/* Over Write: Pattern Title Marker
--------- --------- --------- ------- */
#personnel-sought .picture-wrapper .pattern-title-marker {
	left: 0;
}

/* Over Write: Pattern Title Handwriting
--------- --------- --------- ------- */
#personnel-sought .picture-wrapper .pattern-title-handwriting {
	bottom: 0.25em;
	right: -0.5em;
}


/* Over Write: Message
--------- --------- --------- ------- */
#personnel-sought .message {
}


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

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

	#personnel-sought .message-wrapper {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}
	#personnel-sought .message-wrapper p {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}
}

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

	/* Setting
	--------- --------- --------- ------- */
	#personnel-sought {
	}
	#personnel-sought::before {
		width: 100%;
/*		height: 90%;
		top: 10%;*/
		height: calc(100% - 7rem);
		top: 7rem;
	}

	#personnel-sought.ml-my {
		margin-top: 7rem;
		margin-bottom: 7rem;
	}

	/* Over Write: Pattern Title Marker
	--------- --------- --------- ------- */
	#personnel-sought .picture-wrapper .pattern-title-marker {
		top: auto;
		right: auto;
		left: 0;
		bottom: 0;
	}
	#personnel-sought .picture-wrapper .pattern-title-marker .title {
	}

	/* Over Write: Pattern Title Handwriting
	--------- --------- --------- ------- */
	#personnel-sought .picture-wrapper .pattern-title-handwriting {
		left: auto;
		bottom: auto;
		right: var(--magazin-layout-space-width);
		top: -1rem;
		transform: rotate(8deg);
	}

	/* Over Write: Pattern Block Llandscape
	--------- --------- --------- ------- */
	#personnel-sought .pattern-block-landscape .landscapes {
		max-width: none;
		width: calc(100vw - calc(var(--magazin-layout-space-width) * 2));
	}

	#personnel-sought .landscapes-wrapper {
		top: 0;
		left: 0;
		transform: translate(0, 0);
	}

	#personnel-sought .pattern-block-landscape-max-width {
		width: 100%;
	}

	#personnel-sought .message-wrapper {
	}
	#personnel-sought .message-wrapper.ml-mt-half {
		margin-top: 2rem;
	}
	#personnel-sought .message-wrapper p {
		padding-left: 0;
		padding-right: 0;
	}


	/* Over Writes: Message
	--------- --------- --------- ------- */
	/*	Message	*/
	#personnel-sought .message {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}

	/*	Signature	*/
	#personnel-sought .signature-name {
		font-size: 1.3em;
	}
}





/* ::::: [SECTION : WORK-ENVIRONMENT] ::::: */

/* Setting
--------- --------- --------- ------- */
#work-environment {
	padding-bottom: 3vw;
}
#work-environment::before {
	content: "";
	width: 92%;
	height: 88%;
	top: 12%;
}


/* Over Write: Pattern Block Llandscape
--------- --------- --------- ------- */
#work-environment .pattern-block-landscape {
}

#work-environment .picture-wrapper {
}
#work-environment .picture-wrapper::before {
}

#work-environment .pattern-block-landscape-max-width {
	width: 86%;
	/*background-color: rgba(180, 255, 0, 0.1);*/
}


/* Over Write: Pattern Title Marker
--------- --------- --------- ------- */
#work-environment .picture-wrapper .pattern-title-marker {
	right: 1em;
}

/* Over Write: Pattern Title Handwriting
--------- --------- --------- ------- */
#work-environment .picture-wrapper .pattern-title-handwriting {
	left: 0;
}


/* Over Write: Message
--------- --------- --------- ------- */
#work-environment .message {
}


/* Over Write: Pattern Title Ribbon
--------- --------- --------- ------- */
/*	レベル２の見出し	*/
#work-environment .pattern-title-ribbon.title-level2 {
	background-color: var(--common-pointed-color-1);
}


/* Over Write: Pattern Block Point
--------- --------- --------- ------- */
#work-environment .pattern-block-point {
}

#work-environment .pattern-block-point .pattern-block-point-title {
	background-color: #ffffff;
}

/*	カウンター	*/
#work-environment .pattern-block-point .pattern-block-point-prefix {
/*	flex-basis: 10vw;
	width: 10vw;
	min-width: 10vw;*/
}
#work-environment .pattern-block-point .pattern-block-point-counter {
}


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

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

	#work-environment .message-wrapper {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}
	#work-environment .message-wrapper p {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}

	/* Over Write: Pattern Block Point
	--------- --------- --------- ------- */
	#work-environment .pattern-block-point {
		margin-left: var(--magazin-layout-space-width);
		margin-right: var(--magazin-layout-space-width);
	}
}

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

	/* Setting
	--------- --------- --------- ------- */
	#work-environment {
	}
	#work-environment::before {
		width: 100%;
/*		height: 95%;
		top: 5%;*/
		height: calc(100% - 7rem);
		top: 7rem;
	}

	#work-environment.ml-my {
		margin-top: 7rem;
		margin-bottom: 7rem;
	}

	/* Over Write: Pattern Title Marker
	--------- --------- --------- ------- */
	#work-environment .picture-wrapper .pattern-title-marker {
		top: auto;
		right: auto;
		left: 0;
		bottom: 0;
	}
	#work-environment .picture-wrapper .pattern-title-marker .title {
	}

	/* Over Write: Pattern Title Handwriting
	--------- --------- --------- ------- */
	#work-environment .picture-wrapper .pattern-title-handwriting {
		left: auto;
		bottom: auto;
		right: var(--magazin-layout-space-width);
		top: -2rem;
		transform: rotate(8deg);
	}

	/* Over Write: Pattern Block Llandscape
	--------- --------- --------- ------- */
	#work-environment .pattern-block-landscape .landscapes {
		max-width: none;
		width: calc(100vw - calc(var(--magazin-layout-space-width) * 2));
	}

	#work-environment .landscapes-wrapper {
		top: 0;
		left: 0;
		transform: translate(0, 0);
	}

	#work-environment .pattern-block-landscape-max-width {
		width: 100%;
	}


	#work-environment .message-wrapper {
	}
	#work-environment .message-wrapper p {
		padding-left: 0;
		padding-right: 0;
	}
	#work-environment .message-wrapper.ml-mt-half {
		margin-top: 2rem;
	}


	/* Over Writes: Message
	--------- --------- --------- ------- */
	/*	Message	*/
	#work-environment .message {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}


	/* Over Write: Pattern Title Ribbon
	--------- --------- --------- ------- */
	/*	レベル２の見出し	*/
	#work-environment .pattern-title-ribbon.title-level2 {
		margin-right: 0;
		margin-left: var(--page-layout-space-width);
		/*padding-left: 0.5em;*/
	}

	/* Over Write: Pattern Block Point
	--------- --------- --------- ------- */
	#work-environment .pattern-block-point {
		margin-left: 0;
		margin-right: 0;
	}
}





/* ::::: [SECTION : IN-HOUSE-TRAINING] ::::: */

/* Setting
--------- --------- --------- ------- */
#in-house-training {
	padding-bottom: 3vw;
}
#in-house-training::before {
	content: "";
	width: 90%;
	height: 88%;
	top: 12%;
}


/* Over Write: Pattern Title Ribbon
--------- --------- --------- ------- */
#in-house-training .pattern-title-ribbon.title-level2 {
}
#in-house-training .layout-pullover-left .pattern-title-ribbon.title-level2 {
	padding-left: var(--magazin-layout-space-width);
}


/* Over Write: Pattern Block Llandscape
--------- --------- --------- ------- */
#in-house-training .pattern-block-landscape {
}

#in-house-training .picture-wrapper {
}
#in-house-training .picture-wrapper::before {
}

#in-house-training .pattern-block-landscape-max-width {
	width: 86%;
}


/* Over Write: Pattern Title Marker
--------- --------- --------- ------- */
#in-house-training .picture-wrapper .pattern-title-marker {
	left: 0;
}

/* Over Write: Pattern Title Handwriting
--------- --------- --------- ------- */
#in-house-training .picture-wrapper .pattern-title-handwriting {
	bottom: 0.25em;
	right: -0.5em;
}


/* Over Write: Message
--------- --------- --------- ------- */
#in-house-training .message {
}


/* Over Write: Pattern Block Point
--------- --------- --------- ------- */
#in-house-training .pattern-block-point {
}

#in-house-training .pattern-block-point .pattern-block-point-title {
	background-color: #ffffff;
}

/*	カウンター	*/
#in-house-training .pattern-block-point .pattern-block-point-prefix {
/*	flex-basis: 10vw;
	width: 10vw;
	min-width: 10vw;*/
}
#in-house-training .pattern-block-point .pattern-block-point-counter {
}


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

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

	#in-house-training .message-wrapper {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}
	#in-house-training .message-wrapper p {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}

	/* Over Write: Pattern Block Point
	--------- --------- --------- ------- */
	#in-house-training .pattern-block-point {
		margin-left: var(--magazin-layout-space-width);
		margin-right: var(--magazin-layout-space-width);
	}
}

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

	/* Setting
	--------- --------- --------- ------- */
	#in-house-training {
	}
	#in-house-training::before {
		width: 100%;
/*		height: 95%;
		top: 5%;*/
		height: calc(100% - 7rem);
		top: 7rem;
	}

	#in-house-training.ml-my {
		margin-top: 7rem;
		margin-bottom: 7rem;
	}

	/* Over Write: Pattern Title Marker
	--------- --------- --------- ------- */
	#in-house-training .picture-wrapper .pattern-title-marker {
		top: auto;
		right: auto;
		left: 0;
		bottom: 0;
	}
	#in-house-training .picture-wrapper .pattern-title-marker .title {
	}

	/* Over Write: Pattern Title Handwriting
	--------- --------- --------- ------- */
	#in-house-training .picture-wrapper .pattern-title-handwriting {
		left: auto;
		bottom: auto;
		right: var(--magazin-layout-space-width);
		top: -2rem;
		transform: rotate(8deg);
	}

	/* Over Write: Pattern Block Llandscape
	--------- --------- --------- ------- */
	#in-house-training .pattern-block-landscape .landscapes {
		max-width: none;
		width: calc(100vw - calc(var(--magazin-layout-space-width) * 2));
	}

	#in-house-training .landscapes-wrapper {
		top: 0;
		left: 0;
		transform: translate(0, 0);
	}

	#in-house-training .pattern-block-landscape-max-width {
		width: 100%;
	}


	#in-house-training .message-wrapper {
	}
	#in-house-training .message-wrapper p {
		padding-left: 0;
		padding-right: 0;
	}
	#in-house-training .message-wrapper.ml-mt-half {
		margin-top: 2rem;
	}


	/* Over Writes: Message
	--------- --------- --------- ------- */
	/*	Message	*/
	#in-house-training .message {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}


	/* Over Write: Pattern Title Ribbon
	--------- --------- --------- ------- */
	/*	レベル２の見出し	*/
	#in-house-training .pattern-title-ribbon.title-level2 {
		margin-right: 0;
		margin-left: var(--page-layout-space-width);
	}
	#in-house-training .layout-pullover-left .pattern-title-ribbon.title-level2 {
	}

	/* Over Write: Pattern Block Point
	--------- --------- --------- ------- */
	#in-house-training .pattern-block-point {
		margin-left: 0;
		margin-right: 0;
	}
}





/* ::::: [SECTION : COMMITMENT-TO-SAFETY] ::::: */

/* Setting
--------- --------- --------- ------- */
#commitment-to-safety {
	padding-bottom: 3vw;
}
#commitment-to-safety::before {
	content: "";
	width: 92%;
	height: 95%;
	top: 5%;
}


/* Over Write: Pattern Block Llandscape
--------- --------- --------- ------- */
#commitment-to-safety .pattern-block-landscape {
}

#commitment-to-safety .picture-wrapper {
}
#commitment-to-safety .picture-wrapper::before {
}

#commitment-to-safety .pattern-block-landscape-max-width {
	width: 86%;
}


/* Over Write: Pattern Title Marker
--------- --------- --------- ------- */
#commitment-to-safety .picture-wrapper .pattern-title-marker {
	right: 1em;
}

/* Over Write: Pattern Title Handwriting
--------- --------- --------- ------- */
#commitment-to-safety .picture-wrapper .pattern-title-handwriting {
	left: 0;
}


/* Over Write: Message
--------- --------- --------- ------- */
#commitment-to-safety .message {
}


/* Over Write: Pattern Title Ribbon
--------- --------- --------- ------- */
/*	レベル２の見出し	*/
#commitment-to-safety .pattern-title-ribbon.title-level2 {
	background-color: var(--common-pointed-color-1);
}
#commitment-to-safety .pattern-title-ribbon.title-level2.gray {
	background-color: #707070;
	margin-bottom: 0;
}


/* Over Write: Pattern Block Point
--------- --------- --------- ------- */
#commitment-to-safety .pattern-block-point {
}

#commitment-to-safety .pattern-block-point .pattern-block-point-title {
	background-color: #ffffff;
}
#commitment-to-safety .pattern-block-point .pattern-block-point-title {
	background-color: #ffffff;
}

/*	カウンター	*/
#commitment-to-safety .pattern-block-point .pattern-block-point-prefix {
/*	flex-basis: 10vw;
	width: 10vw;
	min-width: 10vw;*/
}
#commitment-to-safety .pattern-block-point .pattern-block-point-counter {
}


/* 安全性優良事業所（Gマーク）表記
--------- --------- --------- ------- */
#commitment-to-safety .gmark {
	background-color: #ffffff;
	font-size: 1.8vw;
	line-height: 2em;
	margin-left: var(--magazin-layout-space-width-half);
	margin-right: var(--magazin-layout-space-width);
	padding: 2em;
}

#commitment-to-safety .gmark .picture {
	margin: 0;
	padding: 0;
	display: block;
}


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

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

	#commitment-to-safety .message-wrapper {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}
	#commitment-to-safety .message-wrapper p {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}

	/* Over Write: Pattern Block Point
	--------- --------- --------- ------- */
	#commitment-to-safety .pattern-block-point {
		margin-left: var(--magazin-layout-space-width);
		margin-right: var(--magazin-layout-space-width);
	}
}

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

	/* Setting
	--------- --------- --------- ------- */
	#commitment-to-safety {
	}
	#commitment-to-safety::before {
		width: 100%;
/*		height: 95%;
		top: 5%;*/
		height: calc(100% - 7rem);
		top: 7rem;
	}

	#commitment-to-safety.ml-my {
		margin-top: 7rem;
		margin-bottom: 7rem;
	}

	/* Over Write: Pattern Title Marker
	--------- --------- --------- ------- */
	#commitment-to-safety .picture-wrapper .pattern-title-marker {
		top: auto;
		right: auto;
		left: 0;
		bottom: 0;
	}
	#commitment-to-safety .picture-wrapper .pattern-title-marker .title {
	}

	/* Over Write: Pattern Title Handwriting
	--------- --------- --------- ------- */
	#commitment-to-safety .picture-wrapper .pattern-title-handwriting {
		left: auto;
		bottom: auto;
		right: var(--magazin-layout-space-width);
		top: -2rem;
		transform: rotate(8deg);
	}

	/* Over Write: Pattern Block Llandscape
	--------- --------- --------- ------- */
	#commitment-to-safety .pattern-block-landscape .landscapes {
		max-width: none;
		width: calc(100vw - calc(var(--magazin-layout-space-width) * 2));
	}

	#commitment-to-safety .landscapes-wrapper {
		top: 0;
		left: 0;
		transform: translate(0, 0);
	}

	#commitment-to-safety .pattern-block-landscape-max-width {
		width: 100%;
	}


	#commitment-to-safety .message-wrapper {
	}
	#commitment-to-safety .message-wrapper p {
		padding-left: 0;
		padding-right: 0;
	}
	#commitment-to-safety .message-wrapper.ml-mt-half {
		margin-top: 2rem;
	}


	/* Over Writes: Message
	--------- --------- --------- ------- */
	/*	Message	*/
	#commitment-to-safety .message {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}


	/* Over Write: Pattern Title Ribbon
	--------- --------- --------- ------- */
	/*	レベル２の見出し	*/
	#commitment-to-safety .pattern-title-ribbon.title-level2 {
		margin-left: var(--page-layout-space-width);
		margin-right: 0;
	}
	#commitment-to-safety .pattern-title-ribbon.title-level2.gray {
		margin-left: 0;
		margin-right: 0;
	}

	/* Over Write: Pattern Block Point
	--------- --------- --------- ------- */
	#commitment-to-safety .pattern-block-point {
		margin-left: 0;
		margin-right: 0;
	}
	#commitment-to-safety .pattern-block-point .pattern-block-point-body {
	}
	#commitment-to-safety .pattern-block-point .pattern-block-point-body .ml-me {
		margin-right: 0;
	}
}






.recruit-group-headline {
	font-weight: var(--common-font-weight-bold);
	margin-bottom: 1em;
}
















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