@charset "UTF-8";

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WP Maruso Group Theme
	ver.2023.08.16.Custom-
	固定ページ「事業一覧」　スタイルシート
────────────────────────────────────────
FileName:		/marusogroupTheme/assets/css/style-page-business-2.css
Editor:			TRUSTEC
Description:	固定ページ「事業一覧」　スタイルシート。
────────────────────────────────────────
2023/07/25:		公開。
2022/12/01:		開発開始。
2022/11/01:		サンプル開発開始。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/





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





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

/* Nav: Category Menu
--------- --------- --------- ------- */
/**		*/
#category-menu {

	padding-left: var(--magazin-layout-space-width);
	padding-right: var(--magazin-layout-space-width);

	position: relative;
}
#category-menu::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

/*	朱	*/
#category-menu.background-varmillion {
}
#category-menu.background-varmillion::before {
}

/*	グレイ	*/
#category-menu.background-gray {
}
#category-menu.background-gray::before {
}

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

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

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





/* Buttons: Picture Category Menu
--------- --------- --------- ------- */
/**		*/



/* Buttons: Btn External Website
--------- --------- --------- ------- */
/**		*/
.btn-external-website {
	background-color: #ffffff;
	color: var(--common-color);
	font-size: inherit;
	font-family: var(--common-font-family);
	font-weight: var(--common-font-weight);
	font-style: var(--common-font-style);
	text-align: left;
	/*padding: 1em 1.4em 1em 2em;*/
	padding: 1em 2.6em 1em 2em;
	border: solid 2px var(--common-pointed-color-1);
	border-radius: 4em;
	display: inline-block;
	position: relative;
}
.btn-external-website::after {
	content: "";
	background: url("../images/common/icon-circle-red-hole.svg") no-repeat right center;
	background-size: contain;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
}

.btn-external-website .btn-inner-wrapper {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-flow: wrap;
}

.btn-external-website .btn-inner-wrapper::after {
	content: "詳細はこちら";
	background: none;
	font-size: smaller;
    font-weight: var(--common-font-weight-bold);
	line-height: 1em;
	text-align: right;
	width: auto;
	margin: 0.3em 0 0.3em 1em;
	display: block;
}
.btn-external-website .title {
	font-size: inherit;
	font-family: inherit;
	font-weight: var(--common-font-weight-bold);
	font-style: inherit;
	height: 3em;
}
.btn-external-website .title-small {
	font-weight: var(--common-font-weight-bold);
	text-align: right;
	margin-left: 1em;
	margin-right: 1em;
	flex-basis: 10em;
}

.btn-external-website .btn-inner-wrapper img {
	height: max(2em, 2vw);
	aspect-ratio: 4 / 1;
	object-fit: contain;
	object-position: center;
}


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

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

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





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

/* Setting
--------- --------- --------- ------- */
#about-us {
    --pattern-title-marker-font-size: max(1rem, 2.97vw);
    --pattern-title-marker-font-size-small: max(0.5rem, 1.57vw);
	--title-width: calc(var(--pattern-title-marker-font-size) * 3);
	--picture-width: calc(100% - var(--title-width));
	--message-font-size: 1.05vw;
	--message-font-size: max(0.78rem, 1.04vw);
	--message-space-width: calc(var(--pattern-title-marker-font-size) * 2);


	padding-bottom: 5vw;
	position: relative;
/*	background-color: rgba(0, 0, 255, 0.1);*/
}
#about-us::before {
	height: 70%;
	top: 30%;
}
#about-us::after {
	content: "";
	background: url("../images/business/section-business-page-1.png") no-repeat top;
	background-size: 100%;
	width: 1.5vw;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: var(--magazin-layout-space-width-half);
/*	right: 5vw;*/
	z-index: 10;
}

#about-us .about-us-wrapper {
	margin-left: var(--magazin-layout-space-width);
	position: relative;
}

/* Over Writes: Pattern Title Marker
--------- --------- --------- ------- */
#about-us .pattern-title-marker {
}

/*	縦書き	*/
#about-us .pattern-title-marker.vertical {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

/* Picture
--------- --------- --------- ------- */
#about-us .picture-wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	aspect-ratio: 16 / 10.5;
	position: relative;

	/*background-color: rgba(0, 255, 0, 0.1);*/
}
#about-us .picture-wrapper .picture {
	width: calc(100% - calc(var(--pattern-title-marker-font-size) * 2));
	margin: 0;
	padding: 0;
	display: block;
	aspect-ratio: 16 / 9;
	position: absolute;
	bottom: 0;
	right: 0;
}
#about-us .picture img {
	width: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

/* Message
--------- --------- --------- ------- */
#about-us .messae-wrapper {
	font-size: var(--message-font-size);
	width: 70%;
	position: absolute;
	top: 1em;
	transform: translateX(40%);
	z-index: 20;
	/*background-color: rgba(0, 255, 0, 0.1);*/
}
#about-us .messae-wrapper p {
	font-size: inherit;
	font-weight: var(--common-font-weight-bold);
	line-height: 2.2em;
	/*width: 55em;*/
	margin-bottom: 0;
}


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

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

	/* Setting
	--------- --------- --------- ------- */
	#about-us {
	}
	#about-us::before {
	}
	#about-us::after {
	}

	#about-us .about-us-wrapper {
	}

	/* Over Writes: Pattern Title Marker
	--------- --------- --------- ------- */
	#about-us .pattern-title-marker {
	}

	/*	縦書き	*/
	#about-us .pattern-title-marker.vertical {
		top: -1em;
	}
	#about-us .pattern-title-marker.vertical .title-small {
	}

	/* Picture
	--------- --------- --------- ------- */
	#about-us .picture-wrapper {
		aspect-ratio: 16 / 9;
	}
	#about-us .picture-wrapper .picture {
	}
	#about-us .picture img {
	}

	/* Message
	--------- --------- --------- ------- */
	#about-us .messae-wrapper {
		position: relative;
		top: auto;
		transform: none;

		width: 100%;
		padding-left: var(--magazin-layout-space-width-half);
/*		padding-right: var(--magazin-layout-space-width);*/
	}
	#about-us .messae-wrapper p {
		padding: 2em;
	}
}

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

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

	/* Message
	--------- --------- --------- ------- */
	#about-us .messae-wrapper {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}
	#about-us .messae-wrapper p {
		padding: 2em;
	}
}

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

	/* Setting
	--------- --------- --------- ------- */
	#about-us {
		/*--message-font-size: 1rem;*/
	}
	#about-us::before {
		width: 100%;
		height: 75%;
		top: 25%;
	}
	#about-us::after {
		right: 0.5rem;
	}

	#about-us .about-us-wrapper {
		margin-left: 0;
	}

	/* Over Writes: Pattern Title Marker
	--------- --------- --------- ------- */
	#about-us .pattern-title-marker {
	}

	/*	縦書き	*/
	#about-us .pattern-title-marker.vertical {
		top: -1em;
	}
	#about-us .pattern-title-marker.vertical .title-small {
		display: none;
	}

	/* Picture
	--------- --------- --------- ------- */
	#about-us .picture-wrapper {
		aspect-ratio: 16 / 9;
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}
	#about-us .picture-wrapper .picture {
		width: 100%;
		position: relative;
	}
	#about-us .picture img {
	}

	/* Message
	--------- --------- --------- ------- */
	#about-us .messae-wrapper {
		position: relative;
		top: auto;
		transform: none;

		font-size: 1rem;
		width: 100%;
		margin: 0;
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}
	#about-us .messae-wrapper p {
		width: 100%;
		padding: 0;
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
	}
}

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





/* ::::: [SECTION : STRENGTHS] ::::: */

/* Setting
--------- --------- --------- ------- */
#strengths {

	--pattern-title-marker-font-size: max(1rem, 2.97vw);
	--pattern-title-marker-font-size-small: max(0.5rem, 1.57vw);
	--border-height: 5vw;

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


/* Layouts: Leftering
--------- --------- --------- ------- */
#strengths .layout-pullover-left {
	margin-right: var(--magazin-layout-space-width);
}

#strengths .layout-pullover-left.strengths-title-wrapper {
}

#strengths .layout-pullover-left .content-wrapper {
	margin-right: var(--magazin-layout-space-width);
	padding-left: var(--magazin-layout-space-width);
}

/*		*/
#strengths .layout-pullover-left .content-wrapper .pattern-block-point .pattern-block-point-prefix {
	order: 1;
}
#strengths .layout-pullover-left .content-wrapper .pattern-block-point .pattern-block-point-body {
	order: 2;
}

/*		*/
#strengths .layout-pullover-left .content-wrapper .related-menu {
	padding-left: var(--related-menu-padding-width);
}

/*	DisplayWidth < SM	*/
@media (max-width: 767px) {
	#strengths .layout-pullover-left {
		margin-right: 2em;
	}

	#strengths .layout-pullover-left.strengths-title-wrapper {
		margin-right: 2em;
	}

	#strengths .layout-pullover-left .content-wrapper {
		margin-right: 2em;
		padding-left: 2em;
	}
}

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

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

	#strengths .layout-pullover-left .picture-wrapper {
	}

	#strengths .layout-pullover-left .content-wrapper {
		margin-right: 0;
		padding-left: 0;
	}

	/*		*/
	#strengths .layout-pullover-left .content-wrapper .pattern-block-point .pattern-block-point-prefix {
	}
	#strengths .layout-pullover-left .content-wrapper .pattern-block-point .pattern-block-point-body {
	}

	/*		*/
	#strengths .layout-pullover-left .content-wrapper .related-menu {
	}
}


/* Layouts: Rightring
--------- --------- --------- ------- */
#strengths .layout-pullover-right {
	margin-left: var(--magazin-layout-space-width);
}

#strengths .layout-pullover-right.strengths-title-wrapper {
}

#strengths .layout-pullover-right .content-wrapper {
	margin-left: var(--magazin-layout-space-width);
	padding-right: var(--magazin-layout-space-width);
}

/*		*/
#strengths .layout-pullover-right .content-wrapper .pattern-block-point .pattern-block-point-prefix {
	order: 2;
}
#strengths .layout-pullover-right .content-wrapper .pattern-block-point .pattern-block-point-body {
	order: 1;
	border-left: none;
	border-right: solid;
	border-width: 0.1vw;
	border-color: var(--common-border-color-1);
}

/*		*/
#strengths .layout-pullover-right .content-wrapper .related-menu {
	padding-right: var(--related-menu-padding-width);
}

/*	DisplayWidth < SM	*/
@media (max-width: 767px) {
	#strengths .layout-pullover-right {
		margin-left: 2em;
	}

	#strengths .layout-pullover-right.strengths-title-wrapper {
		margin-left: 2em;
	}

	#strengths .layout-pullover-right .content-wrapper {
		margin-left: 2em;
		padding-right: 2em;
	}
}

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

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

	#strengths .layout-pullover-right .picture-wrapper {
	}

	#strengths .layout-pullover-right .content-wrapper {
		margin-left: 0;
		padding-right: 0;
	}

	/*		*/
	#strengths .layout-pullover-right .content-wrapper .pattern-block-point .pattern-block-point-prefix {
		order: 1;
	}
	#strengths .layout-pullover-right .content-wrapper .pattern-block-point .pattern-block-point-body {
		order: 2;
		border-right: none;
	}

	/*		*/
	#strengths .layout-pullover-right .content-wrapper .related-menu {
	}
}


/* Section Title
--------- --------- --------- ------- */
#strengths .strengths-title-wrapper {
	margin-right: var(--magazin-layout-space-width);
	position: relative;
	/*background-color: rgba(0, 0, 255, 0.1);*/
}
/*		*/
#strengths .strengths-title-wrapper + *::after {
	content: "";
	background: url("../images/business/section-business-page-2.png") no-repeat top;
	background-size: 100%;
	width: 1.5vw;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: calc(var(--magazin-layout-space-width-half) * -1);
	z-index: 10;
}

/*	DisplayWidth < XS	*/
@media (max-width: 575px) {
	#strengths .strengths-title-wrapper + *::after {
		right: 0.5rem;
	}
}


/* Over Writes: Pattern Title Marker
--------- --------- --------- ------- */
#strengths .pattern-title-marker {
	text-align: right;
	height: calc(var(--pattern-title-marker-font-size) * 2.5);
	position: relative;

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

#strengths .pattern-title-marker .title {
	display: block;
	position: absolute;
	top: calc(var(--pattern-title-marker-font-size-small) * 1.5);
	right: 0;
}
#strengths .pattern-title-marker .title .title-text {
	padding: 0.2em 0.5em;
}

#strengths .pattern-title-marker .title-small {
	line-height: 1.5em;
	margin: 0;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

/*	DisplayWidth < XS	*/
@media (max-width: 575px) {
	#strengths .pattern-title-marker .title {
		top: calc(var(--pattern-title-marker-font-size-small) * 1);
	}
}


/* Over Writes: Pttern Block Point
--------- --------- --------- ------- */
/*	カウンター	*/
#strengths {
	counter-reset: business-strength-count;
}
#strengths .pattern-block-point {
	counter-increment: business-strength-count;
}

#strengths .pattern-block-point {
	/*background-color: rgba(0, 255, 255, 0.1);*/
}

#strengths .pattern-block-point .pattern-block-point-wrapper {
	/*background-color: rgba(0, 255, 255, 0.1);*/
}

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

#strengths .pattern-block-point .pattern-block-point-item > .wp-block-group__inner-container {
	/*background-color: rgba(0, 255, 255, 0.1);*/
}

/*	カウンター	*/
#strengths .pattern-block-point .pattern-block-point-prefix {
	/*background-color: rgba(0, 255, 0, 0.1);*/
}
#strengths .pattern-block-point .pattern-block-point-prefix > .wp-block-group__inner-container {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
#strengths .pattern-block-point .pattern-block-point-counter {
	font-size: 4.59vw;
}
#strengths .pattern-block-point .pattern-block-point-counter::before {
	font-size: 0.184em;
	/*background-color: rgba(0, 255, 0, 0.1);*/
}

#strengths .pattern-block-point .pattern-block-point-counter::after {
	content: "0" counter(business-strength-count);
	font-size: inherit;
/*	background-color: rgba(0, 255, 0, 0.1);*/
}

/*		*/
#strengths .pattern-block-point .pattern-block-point-body {
    padding: 2vw;
	border-width: 0.1vw;
	border-color: var(--common-border-color-1);
	/*background-color: rgba(0, 0, 255, 0.1);*/
}

/*		*/
#strengths .pattern-block-point .pattern-block-point-title {
	background-color: transparent;
	font-size: max(1.2rem, 1.67vw);
	line-height: 1.5em;
	margin: 0.5em 0;
	padding: 0 0 0 1em;
}

/*		*/
#strengths .pattern-block-point .pattern-block-point-content {
	font-size: max(0.89rem, 0.84vw);
	line-height: 1.5em;
	/*background-color: rgba(255, 0, 0, 0.1);*/
}
#strengths .pattern-block-point .pattern-block-point-content p {
	line-height: 1.7em;
}
#strengths .pattern-block-point .pattern-block-point-content p:last-of-type {
}

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

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

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

	/* Pttern Block Point
	--------- --------- --------- ------- */
	/*	カウンター	*/
	#strengths {
	}
	#strengths .pattern-block-point {
	}

	#strengths .pattern-block-point {
	}

	#strengths .pattern-block-point .pattern-block-point-wrapper {
	}

	#strengths .pattern-block-point .pattern-block-point-item {
	}

	#strengths .pattern-block-point .pattern-block-point-item > .wp-block-group__inner-container {
	}

	/*	カウンター	*/
	#strengths .pattern-block-point .pattern-block-point-prefix {
		border-width: 0.1vw;
		border-color: var(--common-border-color-1);

	}
	#strengths .pattern-block-point .pattern-block-point-prefix > .wp-block-group__inner-container {
		top: auto;
		transform: none;
	}
	#strengths .pattern-block-point .pattern-block-point-counter {
	}
	#strengths .pattern-block-point .pattern-block-point-counter::before {
		font-size: 1rem;
	}

	#strengths .pattern-block-point .pattern-block-point-counter::after {
		font-size: 2.14rem;			/*	title-font-size-30	*/
	}

	/*		*/
	#strengths .pattern-block-point .pattern-block-point-body {
	}

	/*		*/
	#strengths .pattern-block-point .pattern-block-point-title {
		text-align: center;
		padding: 0.5em;
	}

	/*		*/
	#strengths .pattern-block-point .pattern-block-point-content {
		font-size: 1rem;
/*		padding-left: var(--page-layout-space-width);
		padding-right: var(--page-layout-space-width);*/
		padding-left: 1rem;
		padding-right: 1rem;
	}
	#strengths .pattern-block-point .pattern-block-point-content p {
	}
	#strengths .pattern-block-point .pattern-block-point-content p:last-of-type {
	}
}



/* ボタンリンク共通設定
--------- --------- --------- ------- */
/*		*/
#strengths .content-wrapper .related-menu {

	--related-menu-padding-width: var(--magazin-layout-space-width-half);

/*	padding-left: var(--related-menu-padding-width);
	padding-right: var(--related-menu-padding-width);*/

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: 1rem max(1rem, 2vw);
}
/*		*/
#strengths .content-wrapper .related-menu > * {
	width: calc(33% - max(1rem, 1.5vw));
	margin: 0;
}

/*	DisplayWidth < LG	*/
@media (max-width: 1199px) {
	#strengths .content-wrapper .related-menu {
	}
	#strengths .content-wrapper .related-menu > * {
		width: calc(50% - max(1rem, 2vw));
	}
}
/*	DisplayWidth < MD	*/
@media (max-width: 767px) {
}
/*	DisplayWidth < XS	*/
@media (max-width: 575px) {
	#strengths .content-wrapper .related-menu {
		padding-left: var(--related-menu-padding-width);
		padding-right: var(--related-menu-padding-width);
	}
	#strengths .content-wrapper .related-menu > * {
		width: 100%;
	}
}



/* メインイメージ共通設定
--------- --------- --------- ------- */
#strengths .picture {
	margin: 0;
	padding: 0;
}
#strengths .picture img {
	width: 100%;
}

#strengths .picture-wrapper {
}
#strengths .picture-wrapper .picture {
}
#strengths .picture-wrapper .picture img {
}

/*	DisplayWidth < LG	*/
@media (max-width: 1199px) {
}
/*	DisplayWidth < MD	*/
@media (max-width: 767px) {
}
/*	DisplayWidth < XS	*/
@media (max-width: 575px) {
	/**	メインイメージ	*/
	#strengths .picture-wrapper {
		padding-left: var(--magazin-layout-space-width);
		padding-right: var(--magazin-layout-space-width);
		position: relative;
		z-index: auto;
	}
	#strengths .picture-wrapper img {
		aspect-ratio: 16 / 9;
		object-fit: cover;
		object-position: center;
	}
}


/* 内容共通設定
--------- --------- --------- ------- */
/**	内容	*/
#strengths .content-wrapper {
	background-color: var(--common-background-color);
	position: relative;
	margin-top: -20vw;
	z-index: 20;
}
#strengths .content-wrapper .content-padding {
	padding-top: max(2rem, 3vw);
	padding-bottom: max(2rem, 3vw);
}

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

	/*	内容	*/
	#strengths .content-wrapper {
	}
	#strengths .content-wrapper .content-padding {
	}

	/*	メインイメージ	*/
	#strengths .content-wrapper .picture {
	}
}
/*	DisplayWidth < MD	*/
@media (max-width: 767px) {
}
/*	DisplayWidth < XS	*/
@media (max-width: 575px) {

	/**	内容	*/
	#strengths .content-wrapper {
		z-index: auto;
		margin-top: 0;
	}
	#strengths .content-wrapper .content-padding {
		padding-top: 0;
		padding-bottom: 0;
	}
}














/* STRENGTHS-01
--------- --------- --------- ------- */
#strengths .strengths-wrapper-01 {
	position: relative;
}
#strengths .strengths-wrapper-01::after {
}

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

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

	/* STRENGTHS-01
	--------- --------- --------- ------- */
	#strengths .strengths-wrapper-01 {
	}
	#strengths .strengths-wrapper-01::after {
	}
}

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

	/* STRENGTHS-01
	--------- --------- --------- ------- */
	#strengths .strengths-wrapper-01 {
		margin-left: 0;
		margin-right: 0;
	}
	#strengths .strengths-wrapper-01::after {
	}
}



/* STRENGTHS-02
--------- --------- --------- ------- */
#strengths .strengths-wrapper-02 {
	position: relative;
}
#strengths .strengths-wrapper-02::after {
}

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

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

	/* STRENGTHS-02
	--------- --------- --------- ------- */
	#strengths .strengths-wrapper-02 {
	}
	#strengths .strengths-wrapper-02::after {
	}
}

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

	/* STRENGTHS-02
	--------- --------- --------- ------- */
	#strengths .strengths-wrapper-02 {
		margin-left: 0;
		margin-right: 0;
	}
	#strengths .strengths-wrapper-02::after {
	}
}



/* STRENGTHS-03
--------- --------- --------- ------- */
#strengths .strengths-wrapper-03 {
	position: relative;
}
#strengths .strengths-wrapper-03::after {
}

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

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

	/* STRENGTHS-03
	--------- --------- --------- ------- */
	#strengths .strengths-wrapper-03 {
	}
	#strengths .strengths-wrapper-03::after {
	}
}

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

	/* STRENGTHS-03
	--------- --------- --------- ------- */
	#strengths .strengths-wrapper-03 {
		margin-left: 0;
		margin-right: 0;
	}
	#strengths .strengths-wrapper-03::after {
	}
}



/* STRENGTHS-04
--------- --------- --------- ------- */
#strengths .strengths-wrapper-04 {
	position: relative;
}
#strengths .strengths-wrapper-04::after {
}

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

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

	/* STRENGTHS-04
	--------- --------- --------- ------- */
	#strengths .strengths-wrapper-04 {
	}
	#strengths .strengths-wrapper-04::after {
	}
}

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

	/* STRENGTHS-04
	--------- --------- --------- ------- */
	#strengths .strengths-wrapper-04 {
		margin-left: 0;
		margin-right: 0;
	}
	#strengths .strengths-wrapper-04::after {
	}
}



/* STRENGTHS-05
--------- --------- --------- ------- */
#strengths .strengths-wrapper-05 {
	position: relative;
}
#strengths .strengths-wrapper-05::after {
}

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

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

	/* STRENGTHS-05
	--------- --------- --------- ------- */
	#strengths .strengths-wrapper-05 {
	}
	#strengths .strengths-wrapper-05::after {
	}
}

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

	/* STRENGTHS-05
	--------- --------- --------- ------- */
	#strengths .strengths-wrapper-05 {
		margin-left: 0;
		margin-right: 0;
	}
	#strengths .strengths-wrapper-05::after {
	}
}



/* STRENGTHS-06
--------- --------- --------- ------- */
#strengths .strengths-wrapper-06 {
	position: relative;
}
#strengths .strengths-wrapper-06::after {
}

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

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

	/* STRENGTHS-06
	--------- --------- --------- ------- */
	#strengths .strengths-wrapper-06 {
	}
	#strengths .strengths-wrapper-06::after {
	}
}

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

	/* STRENGTHS-06
	--------- --------- --------- ------- */
	#strengths .strengths-wrapper-06 {
		margin-left: 0;
		margin-right: 0;
	}
	#strengths .strengths-wrapper-06::after {
	}
}




/* Buttons: Picture Category Menu
--------- --------- --------- ------- */
/**	Setting	*/
.picture-category-menu {
/*	background-color: var(--common-background-color);*/
}

/**	Items	*/
.picture-category-menu .picture-category-menu-item,
.picture-category-menu-item {
	width: 100%;
	aspect-ratio: 4 / 1.3;
	margin: 0;
	padding: 0;
	border: solid 1px rgba(0, 0, 0, 0.3);
	border-radius: 0 max(1rem, 2vw) 0 0;
	display: block;
	position: relative;
}

.picture-category-menu-item a,
.picture-category-menu-item .nolink {
	text-decoration: inherit;
	width: 100%;
	height: 100%;
/*	aspect-ratio: 4 / 1.3;*/
	margin: 0;
	padding: 0.3em 1em;
	border-radius: 0 max(1rem, 2vw) 0 0;
	display: block;
	position: relative;
}
.picture-category-menu-item a::after,
.picture-category-menu-item .nolink::after {
	content: "";
	background: url("../images/common/icon-circle-red-hole.svg") no-repeat;
	background-size: cover;
	width: max(1rem, 1.6vw);
	height: max(1rem, 1.6vw);
	opacity: 0.3;
	display: block;
	position: absolute;
	top: 50%;
	right: max(0.7em, 1.27vw);
	transform: translateY(-50%);
}
.picture-category-menu-item .nolink::after {
	background: url("../images/common/icon-circle-small-gray.svg") no-repeat;
	background-size: cover;
}

.picture-category-menu-item a:hover,
.picture-category-menu-item a:focus {
/*	color: #ffffff;*/
}

.picture-category-menu-item a img,
.picture-category-menu-item .nolink img {
	width: calc(100% - max(1rem, 2vw));
	height: 100%;
	object-fit: contain;
	object-position: center;
}

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

	/**	Setting	*/
	.picture-category-menu {
	}

	/**	Items	*/
	.picture-category-menu .picture-category-menu-item,
	.picture-category-menu-item {
	}
	.picture-category-menu-item::after {
		width: 1.86rem;
		height: 1.86rem;
		right: 1rem;
	}

	.picture-category-menu-item a {

	}
	.picture-category-menu-item a::after {
		width: 1.86rem;
		height: 1.86rem;
		right: 1rem;
	}
}