@charset "utf-8";

:root {

}

@media (prefers-color-scheme: dark) {
	:root {
	}
}

@media screen and (max-width:480px) {
	:root {
		--Ul_Li_Div_H3_Before_background-size: auto var(--Size_20);
		--Business_H3_Br: block;

	}
}

@media screen and (min-width:481px) and (max-width: 768px) {
	:root {
		--Ul_Li_Div_H3_Before_background-size: auto var(--Size_28);
		--Business_H3_Br: none;

	}
}

@media screen and (min-width:769px) and ( max-width:1024px) {
	:root {
		--Ul_Li_Div_H3_Before_background-size: auto var(--Size_28);
		--Business_H3_Br: none;

	}
}

@media screen and (min-width:1025px) and ( max-width:1920px) {
	:root {
		--Ul_Li_Div_H3_Before_background-size: auto var(--Size_28);
		--Business_H3_Br: none;

	}
}

@media screen and (min-width:1921px) {
	:root {
		--Ul_Li_Div_H3_Before_background-size: auto var(--Size_28);
		--Business_H3_Br: none;
	}
}








/*　Page　ビジネス　*/

section.business {
	position: relative;
	padding: 36px var(--Padding_W) var(--Size_24);
}

section.business h2 {
	padding: 0 0;
	text-align: center;
}

section.business ul {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
 	gap: var(--Size_48);
	padding: var(--Size_48) 0 var(--Size_60);
}

section.business ul li {
	display: flex;
	flex-direction: var(--Flex-direction_CRRR);
	flex-wrap: nowrap;
	align-items: center;
 	gap: var(--Size_36);
}

section.business ul li figure {
	flex-basis: calc( 30% );
	margin: 0;
	border-radius: var(--Border-radius_M2);
	overflow: hidden;
}

section.business ul li figure img {
	width: 100%;
}

section.business ul li > div {
	flex-basis: calc( 100% - 30% - var(--Size_24) );
}

section.business ul li > div h3 {
	position: relative;
	margin: 0 0 var(--Size_20);
	padding: 0 0 var(--Size_20);
	font-size: var(--Size_22);
	font-weight: 700;
}

section.business ul li > div h3:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: -0.6rem;
	left: 0;
	z-index: -1;
	width: 100%;
	height: var(--Size_80);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: var(--Ul_Li_Div_H3_Before_background-size);
}

section.business ul li > div h3.influencer_marketing:before {
	background-image: url('http://lp02.nishimuta-lab.com/wp-content/themes/JugarSun/svg/business/marketing.svg');
}

section.business ul li > div h3.p2c:before {
	background-image: url('http://lp02.nishimuta-lab.com/wp-content/themes/JugarSun/svg/business/p2c.svg');
}

section.business ul li > div h3.sns_operation:before {
	background-image: url('http://lp02.nishimuta-lab.com/wp-content/themes/JugarSun/svg/business/snsoperation.svg');
}

section.business ul li > div h3.event:before {
	background-image: url('http://lp02.nishimuta-lab.com/wp-content/themes/JugarSun/svg/business/event.svg');
}

section.business ul li > div h3.video_creative:before {
	background-image: url('http://lp02.nishimuta-lab.com/wp-content/themes/JugarSun/svg/business/creative.svg');
}

section.business ul li > div h3:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: var(--Size_36);
	height: var(--Size_04);
	background: var(--Gradation);
}

section.business ul li > div h3 br {
	display: var(--Business_H3_Br);
}

section.business ul li > div p {
	font-size: var(--Size_10);
	font-weight: 500;
}