@charset "UTF-8";

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





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

.lead {
	font-size: max(1rem, 1.25vw);		/*	-title-font-size-24	*/
}

.btn-google-map {
}
.btn-nursery-school {
	margin-top: 1em;
}

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

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

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

	.lead {
/*		padding-left: var(--header-padding-x);
		padding-right: var(--header-padding-x);*/
	}
	.btn-google-map {
	}
	.btn-nursery-school {
	}
}





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

/* Setting
--------- --------- --------- ------- */
.pattern-block-2columns-level3 {
	margin-left: 3em;
	margin-right: 3em;
	position: relative;
}

.pattern-block-2columns-level3 .title-level3 {
	margin-bottom: 0;
}

/* Content
--------- --------- --------- ------- */
.pattern-block-2columns-level3 .content {
/*	background-color: rgba(255, 0, 0, 0.1);*/
}

.pattern-block-2columns-level3 .content .inner-wrapper {
	padding: 1em 1em 1em 1.7em;
/*	background-color: rgba(255, 0, 0, 0.1);*/
}

/*	本文	*/
.pattern-block-2columns-level3 .content .text {
	font-size: max(1rem, 1.15vw);		/*	-title-font-size-22	*/
	margin-bottom: 0;
}
.pattern-block-2columns-level3 .content .text p {
	margin-bottom: 0.3em;
}
.pattern-block-2columns-level3 .content .text p:last-child {
	margin-bottom: 0;
}

/* Picture
--------- --------- --------- ------- */
.pattern-block-2columns-level3 .picture {
	aspect-ratio: 4 / 3;
	overflow: visible;
	position: relative;
}
.pattern-block-2columns-level3 .picture img {
	width: 100%;
	height: auto;
	object-fit: contain;
	position: absolute;
	top: -1em;
}


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

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

	/* Picture
	--------- --------- --------- ------- */
	.pattern-block-2columns .picture {
		aspect-ratio: 2 / 1.3;
	}



	/* Setting
	--------- --------- --------- ------- */
	.pattern-block-2columns-level3 {
		margin-left: var(--page-layout-space-width);
		margin-right: var(--page-layout-space-width);
	}

	/* Content
	--------- --------- --------- ------- */
	.pattern-block-2columns .content {
		padding-top: 0;
	}

	.pattern-block-2columns .content .inner-wrapper {
/*		padding-top: 0;
		padding-left: 0;
		padding-right: 0;*/
	}

	.pattern-block-2columns-level3 .content .inner-wrapper {
		padding-left: 0;
		padding-right: 0;
	}

	/*	本文	*/
	.pattern-block-2columns-level3 .content .text {
	}

	/* Picture
	--------- --------- --------- ------- */
	.pattern-block-2columns-level3 .picture {
		margin-top: 1em;
		aspect-ratio: 2 / 1;
		overflow: hidden;
	}
	.pattern-block-2columns-level3 .picture img {
		object-fit: cover;
/*		object-position: center;*/
		object-position: 50% 50%;
		position: relative;
		top: auto;
	}
}

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

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

	.ml-my-half {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	/* Picture
	--------- --------- --------- ------- */
/*	.pattern-block-2columns .picture {
		aspect-ratio: 2 / 1.3;
	}
	.pattern-block-2columns .picture img {
		padding-left: var(--page-layout-space-width);
		padding-right: var(--page-layout-space-width);
	}

	.pattern-block-2columns .picture img {
		top: var(--pattern-block-2columns-border-height-half);
	}*/



	.pattern-block-2columns-level3:not(:last-of-type),
	.pattern-block-2columns-level3.mb-3 {
		margin-bottom: 3rem !important;
	}



	.pattern-block-2columns-level3 .picture {
/*		padding-left: var(--page-layout-space-width);
		padding-right: var(--page-layout-space-width);*/
	}
	.pattern-block-2columns-level3 .picture img {

	}
}







#section-main_office.pattern-block-2columns .lead {
	font-weight: var(--common-font-weight-bold);
}
#section-main_office.pattern-block-2columns .lead p:not(:last-of-type) {
	margin-bottom: 0.5em;
}

#section-main_office.pattern-block-2columns .main_office-detail-wrapper {
}

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

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

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

	#section-main_office.pattern-block-2columns .lead {
		padding-left: var(--page-layout-space-width);
		padding-right: var(--page-layout-space-width);
	}
	#section-main_office.pattern-block-2columns .lead p:not(:last-of-type) {
		margin-bottom: 0.2em;
	}

	#section-main_office.pattern-block-2columns .main_office-detail-wrapper {
		padding-left: var(--page-layout-space-width);
		padding-right: var(--page-layout-space-width);
	}

	#section-main_office.pattern-block-2columns .btn-nursery-school {
		margin-top: 0;
		margin-bottom: 0;
		margin: 0 var(--page-layout-space-width);
	}
}






#area-other_warehouse {
}
#area-other_warehouse .area-01-wrapeer {
}


#area-maruso-networks {
}
#area-maruso-networks .area-01-wrapeer {
}


#area-related_business {
}
#area-related_business .area-01-wrapeer {
}

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

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

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

	#area-other_warehouse {
	}
	#area-other_warehouse .area-01-wrapeer {
		padding-left: var(--page-layout-space-width);
		padding-right: var(--page-layout-space-width);
	}


	#area-maruso-networks {
	}
	#area-maruso-networks .area-01-wrapeer {
		padding-left: var(--page-layout-space-width);
		padding-right: var(--page-layout-space-width);
	}


	#area-related_business {
	}
	#area-related_business .area-01-wrapeer {
		padding-left: var(--page-layout-space-width);
		padding-right: var(--page-layout-space-width);
	}
}