@charset "utf-8";

:root {

}

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

@media screen and (max-width:480px) {
	:root {;
		--Company_UlLi_Strong_Br: none;
		
		--Padding_ul: 6vw;
		--Ul_Li_align-items: flex-start;
		--Ul_Li_padding: var(--Size_12) var(--Size_12);
		--Ul_Li_Strong_flex-basis: var(--Size_24);
		--Div_Company_Div_Wrap_Before_flex-basis: 100%;
		--Div_Company_Div_Wrap_Before_width: 60%;
	}
}

@media screen and (min-width:481px) and (max-width: 768px) {
	:root {;
		--Company_UlLi_Strong_Br: block;

		--Padding_ul: 12vw;
		--Ul_Li_align-items: center;
		--Ul_Li_padding: var(--Size_12) var(--Size_48);
		--Ul_Li_Strong_flex-basis: var(--Size_120);
		--Div_Company_Div_Wrap_Before_flex-basis: var(--Size_400);
		--Div_Company_Div_Wrap_Before_width: var(--Size_120);
	}
}

@media screen and (min-width:769px) and ( max-width:1024px) {
	:root {;
		--Company_UlLi_Strong_Br: block;

		--Padding_ul: 18vw;
		--Ul_Li_align-items: center;
		--Ul_Li_padding: var(--Size_12) var(--Size_48);
		--Ul_Li_Strong_flex-basis: var(--Size_120);
		--Div_Company_Div_Wrap_Before_flex-basis: var(--Size_400);
		--Div_Company_Div_Wrap_Before_width: var(--Size_120);
	}
}

@media screen and (min-width:1025px) and ( max-width:1920px) {
	:root {;
		--Company_UlLi_Strong_Br: block;
		
		--Padding_ul: 18vw;
		--Ul_Li_align-items: center;
		--Ul_Li_padding: var(--Size_12) var(--Size_48);
		--Ul_Li_Strong_flex-basis: var(--Size_120);
		--Div_Company_Div_Wrap_Before_flex-basis: var(--Size_400);
		--Div_Company_Div_Wrap_Before_width: var(--Size_120);
		
	}
}

@media screen and (min-width:1921px) {
	:root {

		--Padding_ul: 18vw;
		--Company_UlLi_Strong_Br: block;
		--Ul_Li_align-items: center;
		--Ul_Li_padding: var(--Size_12) var(--Size_48);
		--Ul_Li_Strong_flex-basis: var(--Size_120);
		--Div_Company_Div_Wrap_Before_flex-basis: var(--Size_400);
		--Div_Company_Div_Wrap_Before_width: var(--Size_120);
	}
}








/*　Page　カンパニー　*/

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

section.company h2 {
	padding: 0 var(--Padding_W) 0;
	text-align: center;
}

section.company ul {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding: var(--Size_48) var(--Padding_ul) var(--Size_60);
}

section.company ul li {
	display: flex;
	flex-direction: var(--Flex-direction_CRRR);
	flex-wrap: nowrap;
	align-items: var(--Ul_Li_align-items);
	padding: var(--Ul_Li_padding);
	font-weight: 500;
	border-top: 1px var(--Color_1D020) solid;
}

section.company ul li:nth-of-type(1) {
	border-top: 1px var(--Color_1D000) solid;
}

section.company ul li strong {
	flex-basis: var(--Ul_Li_Strong_flex-basis);
}

section.company ul li strong br {
	display: var(--Company_UlLi_Strong_Br);
}

section.company div.company {
	padding: var(--Size_72) var(--Padding_W);
	background: url('http://lp02.nishimuta-lab.com/wp-content/themes/JugarSun/image/bg_navy.png');
	background-size: 50%;
}

section.company div.company h3 {
	position: relative;
	font-size: var(--Size_24);
	color: var(--Color_FF100);
}

section.company div.company h3:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: -1rem;
	left: 0;
	width: var(--Size_70);
	background: url('http://lp02.nishimuta-lab.com/wp-content/themes/JugarSun/svg/company/ceo.svg');
	background-repeat: no-repeat;
	background-size: cover;
	aspect-ratio: 50 / 19;
}

section.company div.company div.wrap {
	position: relative;
	display: flex;
	flex-direction: var(--Flex-direction_CRRR);
	align-items: flex-start;
	gap: var(--Size_36);
	padding: var(--Size_24) 0 0;
}

section.company div.company div.wrap:before {
	flex-basis: var(--Div_Company_Div_Wrap_Before_flex-basis);
	content: '';
	display: inline-block;
	width: var(--Div_Company_Div_Wrap_Before_width);
	background: url('http://lp02.nishimuta-lab.com/wp-content/themes/JugarSun/image/company/sawada.png');
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: var(--Border-radius_M2);
	aspect-ratio: 132 / 181;
}

section.company div.company div.wrap p {
	color: var(--Color_FF100);
}

section.company div.company div.wrap p:nth-of-type(1) {
	font-size: var(--Size_14);
	color: #DC6A0A;
}

section.company div.company div.wrap p:nth-of-type(2) {
	position: relative;
	margin: 0 0 var(--Size_18);
	padding: var(--Size_06) 0 var(--Size_18);
	font-size: var(--Size_18);
}

section.company div.company div.wrap p:nth-of-type(2) em {
	padding: 0 0 0 var(--Size_06);
	font-size: var(--Size_10);
	color: var(--Color_FF100);
}

section.company div.company div.wrap p:nth-of-type(2):after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: var(--Size_36);
	height: var(--Size_02);
	background: var(--Gradation);
}

section.company div.company div.wrap p:nth-of-type(3) {
	font-size: var(--Size_10);
	line-height: 1.6;
	color: var(--Color_FF080);
}

section.company > h3 {
	text-align: center;
}

section.company > h3:nth-of-type(1) {
	padding: var(--Size_60) var(--Padding_W) 0;
	font-size: var(--Size_24);
}

section.company > h3:nth-of-type(1) strong {
	position: relative;
}

section.company > h3:nth-of-type(1) strong:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: -1rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: var(--Size_120);
	background: url('http://lp02.nishimuta-lab.com/wp-content/themes/JugarSun/svg/company/message.svg');
	background-repeat: no-repeat;
	background-size: cover;
	aspect-ratio: 9 / 2;
}

section.company > h3:nth-of-type(2) {
	padding: var(--Size_18) var(--Padding_W) 0;
	font-size: var(--Size_20);
	color: #DC6A0A;
}

section.company > p {
	position: relative;
	padding: var(--Size_24) var(--Padding_ul) var(--Size_48);
	font-size: var(--Size_10);
}

section.company > p:after {
	content: '';
	display: inline-block;
	position: absolute;
	right: var(--Padding_ul);
	bottom: 0;
	width: var(--Size_80);
	background: url('http://lp02.nishimuta-lab.com/wp-content/themes/JugarSun/image/company/sa_sign.png');
	background-repeat: no-repeat;
	background-size: var(--Size_80);
	aspect-ratio: 5 / 2;
}







