@charset "UTF-8";


/* --------------------------------------------------------
　基本設定
-------------------------------------------------------- */
.commons-title > .sub{
width:max-content;
padding:.5rem 2rem;
border-radius:3rem;
color:#fff;
}
#ec-d2c .commons-title > .sub{
background:#c25353;
}
#overseas .commons-title > .sub{
background:#f59e0b;
}
#oem-odm .commons-title > .sub{
background:#81b15d;
}
#consulting .commons-title > .sub{
background:#87acc3;
}
#rental .commons-title > .sub{
background:#3a838b;
}
#lease .commons-title > .sub{
background:#777;
}
.commons-title > .sub:before{
display:none;
}


@media all and (min-width:769px){
	#commons-main-wrapper.page-business{
	padding-bottom:30rem;
	}
	.business-commons-layout{
	margin:0 auto;
	padding:12rem 0 0 0;
	}
	.business-commons-layout + .business-commons-layout{
	padding:20rem 0 0 0;
	}

	/*-- 概要欄エリア --*/
	.business-commons-layout > .outline-area{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:0 8rem;
	width:85vw;
	min-width:calc(1400px - 4rem);
	margin:0 auto;
	padding:0 2rem;
	}
	.business-commons-layout > .outline-area > .text-contents-main{
	padding-top:2rem;
	}
	.business-commons-layout > .outline-area > .text-contents-main > .commons-title > .main{
	padding:0;
	line-height:1.4;
	font-size:3.5rem;
	}
	.business-commons-layout > .outline-area > .text-contents-main > .commons-title > .sub{
	font-size:1.4rem;
	}
	.business-commons-layout > .outline-area > figure{
	width:100%;
	height:calc(100% + 5rem);
	min-height:45rem;
	border-radius:2rem;
	overflow:hidden;
	}
	.business-commons-layout > .outline-area > figure > img{
	object-fit:cover;
	object-position:50% 50%;
	width:100%;
	height:100%;
	}
	.business-commons-layout#overseas > .outline-area > figure,
	.business-commons-layout#consulting > .outline-area > figure,
	.business-commons-layout#lease > .outline-area > figure{
	order:2;
	}
	.business-commons-layout > .outline-area > .text-contents-main > .text > h3{
	font-size:2.3rem;
	margin:2.5rem 0 3.5rem 0;
	}
	.business-commons-layout > .outline-area > .text-contents-main > .text > p + p{
	margin-top:2rem;
	}
}
@media all and (max-width:768px){
	#commons-main-wrapper.page-business{
	padding-bottom:12rem;
	}
	.business-commons-layout + .business-commons-layout{
	padding:8rem 0 0 0;
	}
	.commons-title > .main{
	padding:0;
	}

	/*-- 概要欄エリア --*/
	.business-commons-layout > .outline-area > .text-contents-main > .commons-title > .main{
	font-size:2.0rem;
	}
	.business-commons-layout > .outline-area > .text-contents-main > .commons-title > .sub{
	font-size:1.3rem;
	}
	.business-commons-layout > .outline-area > .text-contents-main{
	padding:4rem 3rem 0 3rem;
	}
	.business-commons-layout > .outline-area > .text-contents-main > .text{
	padding:3rem 0 0 0;
	}
	.business-commons-layout > .outline-area > .text-contents-main > .text > h3{
	font-size:1.6rem;
	margin-bottom:3rem;
	}
	.business-commons-layout > .outline-area > .text-contents-main > .text > p{
	font-size:1.3rem;
	}
	.business-commons-layout > .outline-area > .text-contents-main > .text > p + p{
	margin-top:2rem;
	}
}