@charset "utf-8";

:root {
	--Top_Gradation: linear-gradient(to right, #FF7C0D,#FFDE0D);
	
}

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

@media screen and (max-width:480px) {
	:root {
		--Div_Nav_display: none;
		--Top_movie_height: 100vw;
		--Top_movie_Video_P_display: none;
		--Top_movie_Video_S_display: block;
		
		--Top_1_padding: 36px var(--Padding_W) 0;
		
		--Top_1_H2_font-size: var(--Size_28);
		--Top_1_H3_font-size: 44px;
		--Top_1_H3_B_font-size: 46px;
		--Top_1_H3_Br: block;
		--Top_1_P_padding: 24px 0 0;
		--Top_1_P_font-size: 15px;
		--Top_1_P_font-weight: 700;
		--Top_1_P_line-height: 1.8;
		--Top_1_P_Br: block;
		
		--Top_key_padding: 36px var(--Padding_W) 0;

		--Top_movie_Div_display: none;
		
		--Top_news_Before_top: var(--Size_60);
		--Top_news_After_Size: var(--Size_100);
		--Top_news_DivList_justify-content: flex-start;
		--Top_news_DivList_A_flex-basis: var(--Size_180);
		--Top_news_Div_Btn_text-align: center;
		--Top_news_H3_font-size: 15px;
		--Top_news_gap: 20px;

		--Top_business_padding: var(--Size_120) var(--Padding_W) var(--Size_60);
		--Top_business_H2_padding: 0 0 0;
		--Top_business_H3_margin: var(--Size_24) 0;
		--Top_business_H3_font-size: 20px;
		--Top_business_H3_B_font-size: 22px;
		--Top_business_H4_font-size: 20px;
		--Top_business_H4_line-height: 1.7;
		--Top_business_P_font-size: 15px;
		--Top_business_P_line-height: 1.8;
		--Top_business_Div_List_Div_Llist_flex-direction: column;
		--Top_business_Div_List_Div_Llist_gap: var(--Size_12);
		--Top_Business_Div_List_Div_List_Div_align-items: flex-start;
		
		--Top_clients_Div_Wrap_margin: 30px var(--Padding_W) 0;
		--Top_clients_Div_Wrap_gap: 0;
		--Top_clients_Div_Wrap_Div_Div_width: 100%;
		--Top_clients_Div_Wrap_Div_Div_gap: 0;
		--Top_clients_Div_Wrap_Div_Div_padding: 0;
		--Top_clients_Div_Wrap_Div_List_a_Div_display: none;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationL: none;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationL2: none;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationR: none;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationR2: none;
		
		--Top_clients_Img_flex-basis: auto;
		--Top_clients_Div_Div_Img_width: 100%;
		--Top_clients_Div_Div_Img_border-radius: 0;
		--Top_clients_DivWrap_background: var(--Color_FF100);
		
		--Top_other_Div_List_gap: var(--Size_24);
		--Top_other_P_font-size: 32px;
		--Top_other_P_letter-spacing: 1px;

	}
}

@media screen and (min-width:481px) and (max-width: 768px) {
	:root {
		--Div_Nav_display: none;
		--Top_movie_height: 100vh;
		--Top_movie_Video_P_display: block;
		--Top_movie_Video_S_display: none;
		
		--Top_1_padding: var(--Size_60) var(--Padding_W) 0;
		
		--Top_1_H2_font-size: var(--Size_44);
		--Top_1_H3_font-size: 74px;
		--Top_1_H3_B_font-size: 78px;
		--Top_1_H3_Br: none;
		--Top_1_P_padding: 40px 0 0;
		--Top_1_P_font-size: 24px;
		--Top_1_P_font-weight: 700;
		--Top_1_P_line-height: 2;
		--Top_1_P_Br: none;
		
		--Top_key_padding: var(--Size_60) var(--Padding_W) 0;

		--Top_movie_Div_display: block;
		
		--Top_news_Before_top: 0;
		--Top_news_After_Size: var(--Size_140);
		--Top_news_DivList_justify-content: space-between;
		--Top_news_DivList_A_flex-basis: calc( calc( 100% - calc( var(--Size_24) * 2 ) ) / 3 );
		--Top_news_Div_Btn_text-align: right;
		--Top_news_H3_font-size: 16px;
		--Top_news_gap: 29px;

		--Top_business_padding: var(--Size_120) var(--Padding_W) var(--Size_100);
		--Top_business_H2_padding: var(--Size_24) 0 0;
		--Top_business_H3_margin: var(--Size_36) 0;
		--Top_business_H3_font-size: 42px;
		--Top_business_H3_B_font-size: 44px;
		--Top_business_H4_font-size: 30px;
		--Top_business_H4_line-height: 1.6;
		--Top_business_P_font-size: 18px;
		--Top_business_P_line-height: 1.8;
		--Top_business_Div_List_Div_Llist_flex-direction: row-reverse;
		--Top_business_Div_List_Div_Llist_gap: var(--Size_48);
		--Top_Business_Div_List_Div_List_Div_align-items: center;
		
		--Top_clients_Div_Wrap_margin: var(--Size_48) 0 0;
		--Top_clients_Div_Wrap_gap: 20px;
		--Top_clients_Div_Wrap_Div_Div_width: calc( calc( 270px * 6 ) + 120px );
		--Top_clients_Div_Wrap_Div_Div_gap: 20px;
		--Top_clients_Div_Wrap_Div_Div_padding: 0 10px;
		--Top_clients_Div_Wrap_Div_List_a_Div_display: flex;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationL: loopL 90s -45s linear infinite;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationL2: loopL2 90s linear infinite;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationR: loopR 90s -45s linear infinite;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationR2: loopR2 90s linear infinite;
		
		--Top_clients_Img_flex-basis: 270px;
		--Top_clients_Div_Div_Img_width: calc( calc( 100% - calc( var(--Size_24) * 5) ) / 6 );
		--Top_clients_Div_Div_Img_border-radius: var(--Border-radius_S4);
		--Top_clients_DivWrap_background: none;
		
		--Top_other_Div_List_gap: 0;
		--Top_other_P_font-size: 42px;
		--Top_other_P_letter-spacing: 2px;

	}
}

@media screen and (min-width:769px) and ( max-width:1024px) {
	:root {
		--Div_Nav_display: flex;
		--Top_movie_height: 100vh;
		--Top_movie_Video_P_display: block;
		--Top_movie_Video_S_display: none;
		
		--Top_1_padding: var(--Size_60) var(--Padding_W) 0;
		
		--Top_1_H2_font-size: var(--Size_44);
		--Top_1_H3_font-size: 74px;
		--Top_1_H3_B_font-size: 78px;
		--Top_1_H3_Br: none;
		--Top_1_P_padding: 40px 0 0;
		--Top_1_P_font-size: 24px;
		--Top_1_P_font-weight: 700;
		--Top_1_P_line-height: 2;
		--Top_1_P_Br: none;
		
		--Top_key_padding: var(--Size_60) var(--Padding_W) 0;

		--Top_movie_Div_display: block;
		
		--Top_news_Before_top: 0;
		--Top_news_After_Size: var(--Size_140);
		--Top_news_DivList_justify-content: space-between;
		--Top_news_DivList_A_flex-basis: calc( calc( 100% - calc( var(--Size_24) * 2 ) ) / 3 );
		--Top_news_Div_Btn_text-align: right;
		--Top_news_H3_font-size: 16px;
		--Top_news_gap: 29px;

		--Top_business_padding: var(--Size_120) var(--Padding_W) var(--Size_100);
		--Top_business_H2_padding: var(--Size_24) 0 0;
		--Top_business_H3_margin: var(--Size_36) 0;
		--Top_business_H3_font-size: 42px;
		--Top_business_H3_B_font-size: 44px;
		--Top_business_H4_font-size: 30px;
		--Top_business_H4_line-height: 1.6;
		--Top_business_P_font-size: 18px;
		--Top_business_P_line-height: 1.8;
		--Top_business_Div_List_Div_Llist_flex-direction: row-reverse;
		--Top_business_Div_List_Div_Llist_gap: var(--Size_48);
		--Top_Business_Div_List_Div_List_Div_align-items: flex-start;
		
		--Top_clients_Div_Wrap_margin: var(--Size_48) 0 0;
		--Top_clients_Div_Wrap_gap: 20px;
		--Top_clients_Div_Wrap_Div_Div_width: calc( calc( 270px * 6 ) + 120px );
		--Top_clients_Div_Wrap_Div_Div_gap: 20px;
		--Top_clients_Div_Wrap_Div_Div_padding: 0 10px;
		--Top_clients_Div_Wrap_Div_List_a_Div_display: flex;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationL: loopL 90s -45s linear infinite;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationL2: loopL2 90s linear infinite;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationR: loopR 90s -45s linear infinite;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationR2: loopR2 90s linear infinite;
		
		--Top_clients_Img_flex-basis: 270px;
		--Top_clients_Div_Div_Img_width: calc( calc( 100% - calc( var(--Size_24) * 5) ) / 6 );
		--Top_clients_Div_Div_Img_border-radius: var(--Border-radius_S4);
		--Top_clients_DivWrap_background: none;
		
		--Top_other_Div_List_gap: 0;
		--Top_other_P_font-size: 42px;
		--Top_other_P_letter-spacing: 2px;

	}
}

@media screen and (min-width:1025px) and ( max-width:1920px) {
	:root {
		--Div_Nav_display: flex;
		--Top_movie_height: 100vh;
		--Top_movie_Video_P_display: block;
		--Top_movie_Video_S_display: none;
		
		--Top_1_padding: var(--Size_60) var(--Padding_W) 0;
		
		--Top_1_H2_font-size: var(--Size_44);
		--Top_1_H3_font-size: 74px;
		--Top_1_H3_B_font-size: 78px;
		--Top_1_H3_Br: none;
		--Top_1_P_padding: 40px 0 0;
		--Top_1_P_font-size: 24px;
		--Top_1_P_font-weight: 700;
		--Top_1_P_line-height: 2;
		--Top_1_P_Br: none;
		
		--Top_key_padding: var(--Size_60) var(--Padding_W) 0;
		
		--Top_movie_Div_display: block;

		--Top_news_Before_top: 0;
		--Top_news_After_Size: var(--Size_140);
		--Top_news_DivList_justify-content: space-between;
		--Top_news_DivList_A_flex-basis: calc( calc( 100% - calc( var(--Size_24) * 2 ) ) / 3 );
		--Top_news_Div_Btn_text-align: right;
		--Top_news_H3_font-size: 16px;
		--Top_news_gap: 29px;

		--Top_business_padding: var(--Size_120) var(--Padding_W) var(--Size_100);
		--Top_business_H2_padding: var(--Size_24) 0 0;
		--Top_business_H3_margin: var(--Size_36) 0;
		--Top_business_H3_font-size: 42px;
		--Top_business_H3_B_font-size: 44px;
		--Top_business_H4_font-size: 30px;
		--Top_business_H4_line-height: 1.6;
		--Top_business_P_font-size: 18px;
		--Top_business_P_line-height: 1.8;
		--Top_business_Div_List_Div_Llist_flex-direction: row-reverse;
		--Top_business_Div_List_Div_Llist_gap: var(--Size_48);
		--Top_Business_Div_List_Div_List_Div_align-items: flex-start;
		
		--Top_clients_Div_Wrap_margin: var(--Size_48) 0 0;
		--Top_clients_Div_Wrap_gap: 20px;
		--Top_clients_Div_Wrap_Div_Div_width: calc( calc( 270px * 6 ) + 120px );
		--Top_clients_Div_Wrap_Div_Div_gap: 20px;
		--Top_clients_Div_Wrap_Div_Div_padding: 0 10px;
		--Top_clients_Div_Wrap_Div_List_a_Div_display: flex;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationL: loopL 90s -45s linear infinite;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationL2: loopL2 90s linear infinite;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationR: loopR 90s -45s linear infinite;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationR2: loopR2 90s linear infinite;
		
		--Top_clients_Img_flex-basis: 270px;
		--Top_clients_Div_Div_Img_width: calc( calc( 100% - calc( var(--Size_24) * 5) ) / 6 );
		--Top_clients_Div_Div_Img_border-radius: var(--Border-radius_S4);
		--Top_clients_DivWrap_background: none;
		
		--Top_other_Div_List_gap: 0;
		--Top_other_P_font-size: 42px;
		--Top_other_P_letter-spacing: 2px;

	}
}

@media screen and (min-width:1921px) {
	:root {
		--Div_Nav_display: flex;
		--Top_movie_height: 100vh;
		--Top_movie_Video_P_display: block;
		--Top_movie_Video_S_display: none;
		
		--Top_1_padding: var(--Size_60) var(--Padding_W) 0;
		
		--Top_1_H2_font-size: 74px;
		--Top_1_H3_font-size: 74px;
		--Top_1_H3_B_font-size: 78px;
		--Top_1_H3_Br: none;
		--Top_1_P_padding: 40px 0 0;
		--Top_1_P_font-size: 24px;
		--Top_1_P_font-weight: 700;
		--Top_1_P_line-height: 2;
		--Top_1_P_Br: none;
		
		--Top_key_padding: var(--Size_60) var(--Padding_W) 0;
		
		--Top_movie_Div_display: block;

		--Top_news_Before_top: 0;
		--Top_news_After_Size: var(--Size_140);
		--Top_news_DivList_justify-content: space-between;
		--Top_news_DivList_A_flex-basis: calc( calc( 100% - calc( var(--Size_24) * 2 ) ) / 3 );
		--Top_news_Div_Btn_text-align: right;
		--Top_news_H3_font-size: 16px;
		--Top_news_gap: 29px;

		--Top_business_padding: var(--Size_120) var(--Padding_W) var(--Size_100);
		--Top_business_H2_padding: var(--Size_24) 0 0;
		--Top_business_H3_margin: var(--Size_36) 0;
		--Top_business_H3_font-size: 42px;
		--Top_business_H3_B_font-size: 44px;
		--Top_business_H4_font-size: 30px;
		--Top_business_H4_line-height: 1.6;
		--Top_business_P_font-size: 18px;
		--Top_business_P_line-height: 1.8;
		--Top_business_Div_List_Div_Llist_flex-direction: row-reverse;
		--Top_business_Div_List_Div_Llist_gap: var(--Size_48);
		
		--Top_Business_Div_List_Div_List_Div_align-items: flex-start;
		
		--Top_clients_Div_Wrap_margin: var(--Size_48) 0 0;
		--Top_clients_Div_Wrap_gap: 20px;
		--Top_clients_Div_Wrap_Div_Div_width: calc( calc( 270px * 6 ) + 120px );
		--Top_clients_Div_Wrap_Div_Div_gap: 20px;
		--Top_clients_Div_Wrap_Div_Div_padding: 0 10px;
		--Top_clients_Div_Wrap_Div_List_a_Div_display: flex;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationL: loopL 90s -45s linear infinite;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationL2: loopL2 90s linear infinite;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationR: loopR 90s -45s linear infinite;
		--Top_clients_Div_Wrap_Div_List_a_Div_animationR2: loopR2 90s linear infinite;
		
		--Top_clients_Img_flex-basis: 270px;
		--Top_clients_Div_Div_Img_width: calc( calc( 100% - calc( var(--Size_24) * 5) ) / 6 );
		--Top_clients_Div_Div_Img_border-radius: var(--Border-radius_S4);
		--Top_clients_DivWrap_background: none;
		
		--Top_other_Div_List_gap: 0;
		--Top_other_P_font-size: 42px;
		--Top_other_P_letter-spacing: 2px;
		
	}
}








/*　ナビ　*/

div.nav {
	position: absolute;
	top: 0;
	
	display: var(--Div_Nav_display);
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	
	padding: var(--Size_12) var(--Padding_W2);
	width: 100vw;
	height: var(--Header_height);
	overflow: hidden;
	z-index: 9999;
}

div.nav div {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	
	height: 46px;
}

div.nav div:first-child {
}

div.nav div:last-child {
	gap: var(--Header_gap);
}

div.nav div a {
	display: flex;
	justify-content: center;
	align-items: center;
	
	font-size: var(--Size_10);
	font-weight: 900;
	letter-spacing: 1.5px;
	color: var(--Color_FF100);
}

div.nav div:last-child a:first-child img {
	width: var(--Size_120);
	aspect-ratio: 5 / 1;
}

div.nav div:last-child a:last-child {
	padding: 0 24px;
	height: 46px;
	background: var(--Button);
	border-radius: 10px 0 10px 0; 
}








/*　TOP　キービジュアル　*/

section.top_movie {
	position: relative;
	height: var(--Top_movie_height);
	overflow: hidden;
}

section.top_movie video.p {
	display: var(--Top_movie_Video_P_display);
}

section.top_movie video.s {
	display: var(--Top_movie_Video_S_display);
}

section.top_movie video.p {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
}

section.top_movie video.s {
	width: 100%;
}

section.top_movie > div.waku {
	position: absolute;
	top: 0;
	left: 0;
	display: var(--Top_movie_Div_display);
	width: 100vw;
	height: 100vh;
}

section.top_movie div.waku div.rec {
	content: '';
	position: absolute;
	width: var(--Size_60);
	height: var(--Size_60);
}

section.top_movie div.waku div.rec.tl {
	top: var(--Size_24);
	left: var(--Size_24);
	border-top: var(--Size_02) var(--Color_FF100) solid;
	border-left: var(--Size_02)  var(--Color_FF100) solid;
}

section.top_movie div.waku div.rec.tr {
	top: var(--Size_24);
	right: var(--Size_24);
	border-top: var(--Size_02)  var(--Color_FF100) solid;
	border-right: var(--Size_02)  var(--Color_FF100) solid;
}

section.top_movie div.waku div.rec.bl {
	bottom: var(--Size_24);
	left: var(--Size_24);
	border-bottom: var(--Size_02)  var(--Color_FF100) solid;
	border-left: var(--Size_02)  var(--Color_FF100) solid;
}

section.top_movie div.waku div.rec.br {
	bottom: var(--Size_24);
	right: var(--Size_24);
	border-bottom: var(--Size_02)  var(--Color_FF100) solid;
	border-right: var(--Size_02)  var(--Color_FF100) solid;
}

section.top_movie div.waku div.rec_ {
	position: absolute;
	bottom: var(--Size_36);
	right: var(--Size_36);
	
	font-size: var(--Size_18);
	font-weight: 900;
	color: var(--Color_FF100);
	line-height: 1;
}

section.top_movie div.waku div.rec_:before {
	content: '⚫︎';
	color: #FB2F0A;
	animation: REC 1s linear infinite;
}

@keyframes REC {
	0% { opacity: 0; }
	40% { opacity: 1; }
	50% { opacity: 1; }
	60% { opacity: 1; }
	100% { opacity: 0; }
}








/*　キービジュアル　*/

section.top_key {
	padding: var(--Top_key_padding);
	
}

section.top_key figure {
	margin: 0;
}

section.top_key figure img {
	width: 100%;
}








/*　TOP　1　*/

section.top_1 {
	padding: var(--Top_1_padding);
}

section.top_1 h3 {
	margin: 0;
	font-weight: 700;
	font-size: var(--Top_1_H3_font-size);
	line-height: 1.6;
}

section.top_1 h3 br {
	display: var(--Top_1_H3_Br);
}

section.top_1 h3 b {
	font-size: var(--Top_1_H3_B_font-size);
	background: var(--Top_Gradation);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

section.top_1 p {
	padding: var(--Top_1_P_padding);
	font-size: var(--Top_1_P_font-size);
	font-weight: var(--Top_1_P_font-weight);
	line-height: var(--Top_1_P_line-height);
	letter-spacing: 1px;
}

section.top_1 p br.sp {
	display: var(--Top_1_P_Br);
}








/*　TOP　News　*/

section.top_news {
	position: relative;
	padding: var(--Size_60) var(--Padding_W) 0;
}

section.top_news:before {
	content: '';
	position: absolute;
	left: 0;
	top: var(--Top_news_Before_top);
	z-index: -1;
	width: 100%;
	height: 96%;
	background: url('http://lp02.nishimuta-lab.com/wp-content/themes/JugarSun/image/bg_navy.png');
	background-size: 50%;
	transform: skewY(-12deg);
	transform-origin: top right;
}

section.top_news:after {
	content: '';
	position: absolute;
	top: var(--Size_40);
	right: var(--Padding_W);
	z-index: -1;
	width: var(--Top_news_After_Size);
	height: var(--Size_140);
	background: url('http://lp02.nishimuta-lab.com/wp-content/themes/JugarSun/image/logo.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 1;
	mix-blend-mode: overlay;
	background-position: center;
	animation: LOGO 24s linear infinite;
}

@keyframes LOGO {
	0% { transform: rotate(　0 ); }
	to { transform: rotate( 360deg); }
}

section.top_news h2 {
	padding: 0;
	text-align: left;
}

section.top_news div.list {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: var(--Top_news_DivList_justify-content);
	align-items: flex-start;
	gap: var(--Top_news_gap);
	margin: var(--Size_36) 0 0;
	width: 100%;
	overflow: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

section.top_news div.list a {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: var(--Top_news_DivList_A_flex-basis);
	display: inline-block;
	margin: 0;
	padding: 0 0 12px;
	background: #ECEEF0;
	border-radius: 5px;
	overflow: hidden;
}



section.top_news div.list a figure img {
	width: 100%;
}

section.top_news div.list a h3 {
	padding: 12px 16px 0;
	font-size: var(--Top_news_H4_font-size);
	font-weight: 700;
	color: var(--Color_BK100);
	letter-spacing: 1px;
}

section.top_news div.list a time {
	display: inline-block;
	padding: 6px 16px 0;
	font-size: 13px;
	font-weight: 500;
	color: #FF7C0D;
	letter-spacing: 1px;
}

section.top_news div.btn {
	margin: var(--Size_24) 0 0;
	width: 100%;
	text-align: var(--Top_news_Div_Btn_text-align);
}








section.top_news ul.list {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: var(--Top_news_DivList_justify-content);
	align-items: flex-start;
	gap: var(--Top_news_gap);
	margin: var(--Size_36) 0 0;
	width: 100%;
	overflow: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

section.top_news ul.list li.col {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: var(--Top_news_DivList_A_flex-basis);
	display: inline-block;
	margin: 0;
	padding: 0 0 12px;
	background: #ECEEF0;
	border-radius: 5px;
	overflow: hidden;
}

section.top_news ul.list li.col a figure {
	margin: 0;
}

section.top_news ul.list li.col p.card-description {
	padding: 12px 16px 0;
	font-size: var(--Top_news_H3_font-size);
	font-weight: 700;
	color: var(--Color_BK100);
	letter-spacing: 1px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

section.top_news ul.list li.col time {
	display: inline-block;
	padding: 6px 16px 0;
	font-size: 13px;
	font-weight: 500;
	color: #FF7C0D;
	letter-spacing: 1px;
}









/*　TOP　Business　*/

section.top_business {
	position: relative;
	padding: var(--Top_business_padding);
}

section.top_business h2 {
	padding: var(--Top_business_H2_padding);
	text-align: center;
	font-size: var(--Top_1_H2_font-size);
}

section.top_business h3 {
	margin: var(--Top_business_H3_margin);
	font-size: var(--Top_business_H3_font-size);
	font-weight: 700;
	text-align: center;
}

section.top_business h3 b {
	background: var(--Gradation);
	font-size: var(--Top_business_H3_B_font-size);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

section.top_business div.list {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	gap: var(--Size_48);
	margin: var(--Size_24) 0 0;
}

section.top_business div.list div.list_ {
	display: flex;
	flex-direction: var(--Flex-direction_CRRR);
	justify-content: space-between;
	align-items: center;
	gap: var(--Top_business_Div_List_Div_Llist_gap);
}

section.top_business div.list div.list_:first-child {
	flex-direction: var(--Flex-direction_CRRR);
}

section.top_business div.list div.list_:last-child {
	flex-direction: var(--Top_business_Div_List_Div_Llist_flex-direction);
}

section.top_business div.list div.list_ figure {
	flex-basis: 46%;
	margin: 0;
}

section.top_business div.list div.list_ figure img {
	width: 100%;
	border-radius: var(--Border-radius_S4);
}

section.top_business div.list div.list_ div {
	flex-basis: calc( 100% - 46% - var(--Size_48) );
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: var(--Top_Business_Div_List_Div_List_Div_align-items);
}

section.top_business div.list div.list_ div h4 {
	padding: 0 0 var(--Size_18);
	font-size: var(--Top_business_H4_font-size);
	font-weight: 700;
	line-height: var(--Top_business_H4_line-height);
}

section.top_business div.list div.list_ div h4:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 54px;
	height: 4px;
	background: var(--Gradation);
}

section.top_business div.list div.list_ div p {
	padding: var(--Size_18) 0;
	color: var(--Color_BK080);
	font-size: var(--Top_business_P_font-size);
	font-weight: 500;
	line-height: var(--Top_business_P_line-height);
	letter-spacing: 1px;
}

section.top_business div.list div.list_ div a.button {
}








/*　TOP　Our Clients　*/

section.top_clients {
	position: relative;
	padding: 0 0;
}

section.top_clients:after {
	content: '';
	position: absolute;
	top: var(--Size_200);
	left: 0;
	z-index: -1;
	width: 100%;
	height: 120%;
	background: url('http://lp02.nishimuta-lab.com/wp-content/themes/JugarSun/image/bg_navy.png');
	background-size: 50%;
	transform: skewY(8deg);
	transform-origin: top right;
}

section.top_clients h2 {
	text-align: center;
}

section.top_clients div.wrap {
	display: flex;
	flex-direction: var(--Flex-direction_RCCC);
	gap: var(--Top_clients_Div_Wrap_gap);
	margin: var(--Top_clients_Div_Wrap_margin);
	background: var(--Top_clients_DivWrap_background);
	border-radius: 5px;
}

section.top_clients div.wrap > div {
	display: flex;
	justify-content: flex-start;
	overflow: hidden;
}

section.top_clients div.wrap > div > div {
	flex-shrink: 0;
	display: flex;
	flex-direction: var(--Flex-direction_CRRR);
	gap: var(--Top_clients_Div_Wrap_Div_Div_gap);
	padding: var(--Top_clients_Div_Wrap_Div_Div_padding);
	width: var(--Top_clients_Div_Wrap_Div_Div_width);
	overflow: hidden;
}

section.top_clients div.wrap > div > div img {
	flex-basis: var(--Top_clients_Img_flex-basis);
}

section.top_clients div.wrap div.list_a div:nth-child(odd) {
	animation: var(--Top_clients_Div_Wrap_Div_List_a_Div_animationL);
}

section.top_clients div.wrap div.list_a div:nth-child(even) {
	display: var(--Top_clients_Div_Wrap_Div_List_a_Div_display);
	animation: var(--Top_clients_Div_Wrap_Div_List_a_Div_animationL2);
}

section.top_clients div.wrap div.list_b div:nth-child(odd) {
	animation: var(--Top_clients_Div_Wrap_Div_List_a_Div_animationR);
}

section.top_clients div.wrap div.list_b div:nth-child(even) {
	display: var(--Top_clients_Div_Wrap_Div_List_a_Div_display);
	animation: var(--Top_clients_Div_Wrap_Div_List_a_Div_animationR2);
}

@keyframes loopL {
	0% { transform: translateX( 100% ); }
	to { transform: translateX( -100% ); }
}

@keyframes loopL2 {
	0% { transform: translateX( 0 ); }
	to { transform: translateX( -200% ); }
}

@keyframes loopR {
	0% { transform: translateX( -100% ); }
	to { transform: translateX( 100% ); }
}

@keyframes loopR2 {
	0% { transform: translateX( -200% ); }
	to { transform: translateX( 0% ); }
}

section.top_clients > div > div img {
	flex-shrink: 0;
	width: var(--Top_clients_Div_Div_Img_width);
	white-space: nowrap;
	border-radius: 5px;
	overflow: hidden;
	aspect-ratio: 136 / 55;
}








/*　TOP　Other　*/

section.top_other {
	position: relative;
	padding: var(--Size_120) var(--Padding_W) var(--Size_60);
	background: url('http://lp02.nishimuta-lab.com/wp-content/themes/JugarSun/image/bg_navy.png');
	background-size: 50%;
}

section.top_other div.list {
	display: flex;
	flex-direction: var(--Flex-direction_CRRR);
	gap: var(--Top_other_Div_List_gap);
}

section.top_other div.list div {
	flex-basis: 50%;
}

section.top_other div.list div a {
	position: relative;
	display: inline-block;
	width: 80%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 5px;
	aspect-ratio: 500 / 220;
}

section.top_other div.list div:nth-of-type(1) a {
	background-image: url('http://lp02.nishimuta-lab.com/wp-content/themes/JugarSun/image/top/company.png');
}

section.top_other div.list div:nth-of-type(2) a {
	background-image: url('http://lp02.nishimuta-lab.com/wp-content/themes/JugarSun/image/top/contact.png');
}

section.top_other div.list div a p {
	position: absolute;
	top: 0;
	bottom: 0;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 100%;
	height: 100%;
	
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	font-size: var(--Top_other_P_font-size);
	line-height: 1.6;
	color: var(--Color_FF100);
	text-align: center;
	letter-spacing: var(--Top_other_P_letter-spacing);
}

section.top_other div.list div a > img {
	width: 100%;
	border-radius: var(--Border-radius_S4);
	filter: brightness( 0.6 );
}

section.top_other div.list div a span {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -70px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto 0;
	padding: 0;
	width: var(--Size_84);
	height: var(--Size_84);
	background: var(--Color_BK000);
	border: var(--Size_02) var(--Color_FF100) solid;
	border-radius: var(--Size_400);
	box-shadow: -3px -1px 0px #FF730E,2px 1px 0px #25B6B6;
	-webkit-transition: var(--Transition_06);
	-moz-transition: var(--Transition_06);
	-o-transition: var(--Transition_06);
	transition: var(--Transition_06);
}

section.top_other div.list div a span img {
	filter: drop-shadow( var(--ShadowR) ) drop-shadow( var(--ShadowG) );
	-webkit-transition: var(--Transition_06);
	-moz-transition: var(--Transition_06);
	-o-transition: var(--Transition_06);
	transition: var(--Transition_06);
}

section.top_other div.list div a:hover span {
	background: var(--Color_BK100);
}

section.top_other div.list div a:hover span img {
	padding: 0 0 0 var(--Size_12);
}