

/*sub*/	
	.svisualbox1{position:relative; width:100%; min-width:1200px; height:450px; overflow:hidden; z-index:5;}
	.svisualbox1 > span{
		position:absolute; left:50%; bottom:0;
		transform:translateX(-50%);
		z-index:11;
		display:inline-block;
		padding-bottom:60px;
		font-family:"Roboto"; font-weight:300; color:#fff; font-size:10px;
	}
	.svisualbox1 > span::before{
		position:absolute; left:50%; bottom:0;
		width:1px; height:50px;
		background:rgba(255,255,255,.4);
		content:"";
	}
	.svisualbox1 > span::after{
		position:absolute; left:50%; bottom:20px;
		width:1px; height:30px;
		background:rgba(255,255,255,1); 
		animation: play-right 500ms linear infinite alternate; animation-timing-function:ease-in-out;
		content:"";
		z-index:1;
	}
	.svisualbox1 .slider1{position:absolute; left:0; top:0; width:100%; height:450px; z-index:10;}
	
	.svisualbox1 .slider1 .slick-list,  
	.svisualbox1 .slider1 .slick-track, 
	.mainimg1{
		width:100%; height:100%;
	}
	.svisualbox1,
	.svisualbox1 .slider1 .slick-list{}
	.svisualbox1 .slider1 .mainimg1{
		width:100%;
		height:100%;
		background-size:cover !important;
	}
	.svisualbox1 .visualtxt1{
		position:absolute; left:50%; top:205px;
		width:1200px;
		transform:translateX(-50%);
		text-align:center;
		z-index:10;		
	}
	.svisualbox1 .visualtxt1 .txt1 > div{
		font-weight:400; color:rgba(255,255,255,.5); font-size:16px;
	}
	.svisualbox1 .visualtxt1 .txt1 h3{
		font-weight:600; color:#fff; font-size:50px; line-height:50px;
		margin-top:10px;
	}
	
	.svisualbox1 .active .visualtxt1 .txt1{
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-animation:textDown1 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:textDown1 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:textDown1 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
	}
	
	
	.svisualbox1 .slider1 .mainimg1{
		background-size:cover !important;
		-webkit-transition:transform 5400ms  ease-in-out ;
		-moz-transition:transform 5400ms ease-in-out ;
		-o-transition:transform 5400ms ease-in-out ;
		-ms-transition:transform 5400ms ease-in-out ;
		transition:transform 5400ms ease-in-out ;	
		transform: scale(1.1) ;
	}
	.svisualbox1 .slider1 .active .mainimg1{
		-ms-transform: scale(1.1,1.1) rotate(0.002deg);
		-o-transform: scale(1.1,1.1) rotate(0.002deg);
		-moz-transform: scale(1.1,1.1) rotate(0.002deg);
		-webkit-transform: scale(1.1,1.1) rotate(0.002deg);
		transform: scale(1.0) rotate(0.002deg);
	}
	.submenu1{
		max-width:1200px;
		margin:0 auto;		
	}
	.leftmenu01{position:relative; display:table;  /* border-top: 1px solid #e0e0e0; */ height:60px;}
	.leftmenu01 > li.home1{position:relative; color:#333333; width:50px;}
	.leftmenu01 > li.home1 a{
		display:block;
		font-size:0; line-height:0; height:60px;
	}
	.leftmenu01 > li.home1 a::before{
		display:inline-block; vertical-align:middle;
		width:60px; height:60px;
		background:url(/images/common/ico/ico_home1.png) left center no-repeat;
		content:"";
	}
	.leftmenu01 > li{position:relative; display:table-cell; line-height:50px; vertical-align:middle; text-align: left;}	
	.leftmenu01 > li::after{position: absolute; right:-1px; top:0%; width: 1px; height:100%; background: #bcbcbc; opacity:.5; content: ""}
	
	.submenu1 .leftmenu01 .sl1{position:relative; width:240px; }
	.submenu1 .sl1 > a{width:auto; color: #333; font-size:16px; display:block; padding-left:30px; padding-right:30px; white-space:nowrap; box-sizing:border-box; transform:translateY(-2px);}
	
	.submenu1 .leftmenu01 .deplnk1::after{position:absolute; right:20px; top:24px; width:14px; height:7px; background:url(../../images/common/ico/vertex_arr1.png) no-repeat center center; background-size:cover; 
	content:"";
	transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
		}
	.submenu1 .leftmenu01 .deplnk1.on::after{
	-webkit-transform:rotateX(180deg);
	-moz-transform:rotateX(180deg);
	-ms-transform:rotateX(180deg);
	-o-transform:rotateX(180deg);
	transform:rotateX(180deg);
	 transform-origin:center 50%;
	}	
	.submenu1 .leftmenu01 .deplnk1.on{color:#333;}
	
	
	
	.leftmenu01 > li .mndepth1{
		position:absolute; left:0px; top:60px; 
		width:calc(100% - 1px); 
		background:#fff; 
		z-index:10; 
		border:1px solid #ddd;
		display:none; 
	}
	.leftmenu01 > li.m2 .mndepth1{}
		
	.leftmenu01 > li .mndepth1 > li{
		position:relative;
		text-align:left;  
	}
	.leftmenu01 > li .mndepth1 > li:nth-child(n+2){
		border-top:1px solid #ddd;
	}
	.submenu1 .leftmenu01 .mndepth1 a{
		font-size:16px; color:#333; line-height:60px; display:block; 
		border-left: none; padding-left:28px;
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
	}
	.submenu1 .leftmenu01 .mndepth1 li{}
	.submenu1 .leftmenu01 .sl1 .mndepth1 a:hover{}
	
	
	.submenu1 .leftmenu01 > li:nth-child(3){

	}
	
	.loc{position:relative; height:100px; }
	.loc .nav1{position:absolute; right:0; top:0; display:none;}
	.loc h2{position:relative;  font-size:40px; line-height:40px; color:#333; }
	
/*sub*/
	
	
	.tab1{display:table; table-layout:fixed; width:100%;}
	.tab1 li{position:relative; display:table-cell; line-height:50px; border:1px solid #ddd; border-left:none; color:#888; text-align:center; font-size:18px;vertical-align:middle;}
	.tab1 li:before {display:block; content:''; position:absolute; top:0; left:-1px; width:1px; height:50px; background:#ddd;}	
	.tab1 li.on:before{background: #203158;}
	.tab1 li.on + li:before{display:none;}	
	.tab1 li a{display:block; line-height:50px; color:#666666;}
	.tab1 li.on{color:#fff;  background:#203158;  font-weight:bold; }	
	.tab1 li.on a{color:#fff;}


/*work*/

	.worktitbox1{
		position:relative;
		margin-top:min(max(10px, 25vw),230px); padding:0 min(max(10px, 4vw),80px);
		font-family:var(--font-family2); color:#fff; font-weight:600;
		z-index:2;
		pointer-events:none;
	}
	.worktitbox1 > *{
		display:flex; justify-content:space-between; align-items:flex-end;
		font-size:min(max(10px, 7vw),120px);
	}
	.worktitbox1 > *:nth-child(1) > *:nth-child(2){
		font-family:var(--font-family);
		font-size:min(max(1vw, 3.8vw),40px);
		opacity:0;
		animation: fadeInMove2 .6s linear both; animation-timing-function:ease-in-out; animation-delay:.8s
	}
	.worktitbox1 > * > div > span{
		display:block; overflow:hidden;
	}
	.worktitbox1 > *:nth-child(2){
		margin-top:min(max(10px, 4vw),40px);
	}
	.worktitbox1 > *:nth-child(2) > *{
		text-align:right;
		margin-left:auto;
	}
	.worktitbox1 i {
		visibility: hidden;
	}
	.worktitbox1 .char{
		display: inline-block;
		opacity: 0;
		transform: translateY(50px);
		will-change: transform, opacity;
		visibility: visible;
	}
	
	.workresults1{
		margin-top:min(max(10px, 8vw),-60px); padding:0 min(max(10px, 4vw),80px);
		display:flex; flex-wrap:wrap; justify-content:space-between; gap:min(max(10px, 12.4vw),150px) min(max(10px, 3.4vw),40px);
	}
	.workresults1 > div:nth-child(6n-1), .workresults1 > div:nth-child(6n-5){
		flex:0 0 54.4%;
	}
	.workresults1 > div:nth-child(6n-2), .workresults1 > div:nth-child(6n-4){
		flex:0 0 40.8%;
	}
	.workresults1 > div:nth-child(3n){
		flex:0 0 65.4%;
		margin:0 auto;		
	}
	.workresults1 > div a{
		position:relative;
		overflow:hidden;
		border-radius:min(max(10px, 3.4vw),40px);
	}
	.workresults1 > div .cont1 .txt1{
		position:absolute; left:min(max(10px, 3vw),50px); bottom:min(max(10px, 2.5vw),50px);
		color:#fff; padding-right:min(max(10px, 5vw),50px);
		z-index:2;
	}
	.workresults1 > div .cont1 .txt1 > em{
		font-family:var(--font-family2); font-weight:700; padding-bottom:.5vw;
	}
	.workresults1 > * .imgbox1{
		position:relative;
		z-index:1;
	}
	.workresults1 > * .imgbox1 > img{
		width:100%;
	}
	
	.workresults1 > div a{
		position:relative;
		display:inline-block;
	}
	.workresults1 > div a::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:rgba(51,51,51,.3);
		opacity:0;	
		z-index:2;	
		content:"";
		transition:opacity ease .6s;
	}
	.workresults1 > div a:hover::before{
		opacity:1;		
	}
	
	@media screen and (min-width:788px) {
		.workresults1 > div:nth-child(6n-2), .workresults1 > div:nth-child(6n-4){
			margin-top:min(max(1vw, 13vw),200px);
		}
		.workresults1 > div .cont1 .txt1 > em{
			display:inline-block;
			font-size:min(max(1vw, 3vw),50px); line-height:min(max(1vw, 3.2vw),60px);
			opacity:0;
			transform:translateX(20px);
			transition:transform ease .5s 0s, opacity ease .5s 0s;
		}
		.workresults1 > div .cont1 .txt1 > p{
			font-size:min(max(1vw, 2.0vw),28px); line-height:min(max(1vw, 2.5vw),32px);
			opacity:0;
			transform:translateX(20px);
			transition:transform ease .5s .1s, opacity ease .5s .1s;
		}
		.workresults1 > div a:hover .cont1 .txt1 > em,
		.workresults1 > div a:hover .cont1 .txt1 > p{
			opacity:1;
			transform:translateX(0px);
		}
		.workresults1 > div .cont1 .imgbox1 img{
			transition:transform ease .6s 0s;
		}
		.workresults1 > div a:hover .imgbox1 img{
			transform:scale(1.1);
		}
		.workresults1 > div:nth-child(6n-2) .cont1, .workresults1 > div:nth-child(6n-4) .cont1{
			opacity:1 !important;
			transform:scale(1) !important;
		}
	}
	@media screen and (max-width:787px) {
		.workresults1{
			margin-top:min(max(10px, 6vw),40px);
			gap:min(max(10px, 4vw),30px);
		}
		.workresults1 > div{
			flex:0 0 100% !important;
		}
		.workresults1 > div .cont1 .txt1{
			left:min(max(10px, 5vw),50px); bottom:min(max(10px, 5vw),50px);
			padding-right:min(max(10px, 5vw),50px);
		}
		.workresults1 > div .cont1 .txt1 > em{
			font-size:min(max(1vw, 4.8vw),50px); line-height:min(max(1vw, 6vw),50px);
			padding-bottom:1vw;
		}
		.workresults1 > div .cont1 .txt1 > p{
			font-size:min(max(1vw, 3.0vw),28px); line-height:min(max(1vw, 4.4vw),32px);
		}	
	}
	@media screen and (max-width:787px) {
		.workresults1 > div a::after{
			position:absolute; right:3vw; top:3vw;
			width:min(max(1vw, 15vw),150px); height:min(max(1vw, 15vw),150px);	
			display:flex; align-items:center; justify-content:center;	
			border-radius:50%;
			backdrop-filter:blur(5px);
			border:1px solid #fff;
			pointer-events: none;
			text-align:center;
			white-space: pre-line;
			font-weight:500; color:#fff; font-size:min(max(1vw, 2.5vw),18px); line-height:min(max(1vw, 3.5vw),24px);
			z-index:1;
			content:attr(data-mouse-text);
		}
	}
	.worklistbox1{
		overflow:hidden;
		margin-top:min(max(10px, 9vw),80px);
		text-align:center;
	}
	.worklistbox1 > .tit1{
		color:#fff; font-size:min(max(10px, 6vw),60px); font-weight:600; line-height:min(max(10px, 8vw),76px); 
	}
	.worklistbox1 > .cont1{
		position:relative;
		margin-top:min(max(1vw, 4vw),40px); padding:min(max(1vw, 9vw),80px) 0;
	}
	.worklistbox1 > .cont1 > a{
		position:absolute; left:calc(50% - min(max(20px, 8vw),86px)); top:calc(50% - min(max(20px, 8vw),86px));
		width:min(max(40px, 16vw),170px); height:min(max(40px, 16vw),170px);
		border-radius:50%;
		background:#000;
		border:1px solid #fff;
		display:flex; align-items:center; justify-content:center;
		transition:background ease .5s, border ease .5s;
		z-index:2;
	}
	.worklistbox1 > .cont1 > a > span{
		position:relative;
		width:min(max(15px, 4.4vw),36px); height:min(max(15px, 4vw),32px);
		font-size:0;
		transition:transform ease .5s;
		z-index:1;
	}	
	.worklistbox1 > .cont1 > a > span::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:url(../../images/common/ico/ico_arr1.png) no-repeat center center; background-size:cover;
		content:"";
	}
	.worklistbox1 > .cont1 > a.on{
		background:var(--main-color1);
		border-color:var(--main-color1);
	}
	.worklistbox1 > .cont1 > a.on > span{
		transform:rotate(45deg);	
	}
	.marqueetxt1 {
		display: flex; gap:0; align-items:center;
		width: calc(200%);
		animation: marquee 40s linear infinite;
	}
	.marqueetxt1 > div {
		flex: 1 0 auto;
		text-transform: uppercase;
		color:#fff; font-family:var(--font-family2);font-size:min(max(1vw, 2vw),22px); font-weight:500; line-height:min(max(1vw, 3vw),22px);
	}
	@keyframes marquee {
	0% 	{ 	transform: translateX(0%);		}
	100%{	transform: translateX(-54%);	}
	}
	.worklistbox1 .workbox1{
		overflow:hidden;
	}
	
	.worklistbox1 .workbox1 {
	  display: grid;
	  grid-template-rows: 0fr;
	  transition: 0.4s ease;
	}
	.worklistbox1 .workbox1 > * {
	  overflow: hidden;
	}
	.worklistbox1 .workbox1.open {
	  grid-template-rows: 1fr;
	}
	
/*work*/

/*about*/
	.bgwhite{
		background:rgb(255,255,255);
	}
	.bgwhite.not{
		min-height:100vh; min-height:100dvh;
		overflow:hidden;
	}
	.aboutintro{
		position:relative;
		overflow:hidden;
		width:100%; height:100vh; height:100dvh;
		background:#000;
		display:flex; justify-content:center; align-items:center;
		overflow:hidden;
		animation:circlePath 1.8s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;
		animation-delay:9s;
	}
	.aboutintro > .slogunbox1{
		position:relative;
		width:min(max(1vw, 74vw),780px); aspect-ratio: 1 / 1; 
		border-radius:50%;
		overflow:hidden;
		display:flex; justify-content:center; align-items:center;		
		z-index:4;
		animation:fade1 3.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;
		animation-delay:.5s;
	}
	
	.aboutintro > .slogunbox1::before{
		position:absolute; left:0%; top:0%;
		width:100%; height:100%;
		background:url(../../images/sub/txt_cir1.png) no-repeat center center; background-size:cover;
		animation:ratateLoop infinite 22s linear;
		z-index:4;
		content:"";
	}
	.aboutintro > .slogunbox1::after{
		position:absolute; left:0%; top:0%;
		width:100%; height:100%;
		border:min(max(1vw, 4vw),30px) solid #000;
		border-radius:50%;
		box-sizing:border-box;
		z-index:3;
		content:"";
	}
	.aboutintro > .slogunbox1 .cont1::after{
		position:absolute; left:50%; top:50%;
		transform:translate(-50%,-50%);
		width:min(max(1vw, 50vw),488px); height:min(max(1vw, 38vw),376px);
		background:url(../../images/sub/logo_img1.png) no-repeat center center; background-size:cover;
		animation:fade1 2.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;
		animation-delay:7.5s;
		content:"";
	}
	.aboutintro > .slogunbox1 .cont1{
		position:relative;
		width:98%; height:100%;
		overflow:hidden;
		display:flex; justify-content:center; align-items:center;
	}
	.aboutintro > .slogunbox1 .sloguntxt1{
		position:relative;
		white-space:nowrap;
		font-weight:800; color:#fff; font-size:min(max(1vw, 12vw),120px);
		z-index:-1;
		animation:textwave 13s ease both;
		animation-delay:.5s;
	}

	@keyframes circlePath {
		0% 	{ 	
			clip-path: circle(150vmax at 50% 50%);	
			height:100vh; height:100dvh;	
		}
		99%{	
			clip-path: circle(0vmax at 50% 50%);	
			height:100vh; height:100dvh;
		}
		100%{	
			clip-path: circle(0vmax at 50% 50%);	
			height:0px;
		}
	}
	@keyframes textwave {
		0% 	{ 
			transform:translate3d(80%, 0, 0);
		}
		100%{
			transform:translate3d(-100%, 0, 0);
		}
	}
	
	.aboutbox1{
		display:flex; align-items:center; justify-content:space-between;
		margin:0 auto;
		height:100vh; height:100svh; height:100dvh;
	}
	.aboutbox1 .abouttxt1{				
	}
	.aboutbox1 .abouttxt1 span{
		white-space:nowrap;
		font-weight:600; color:#000; font-size:min(max(10px, 8vw),130px);
	}
	.aboutbox1 .abouttxt1 .char{
		display: inline-block;
		opacity: 0;
		transform: translateY(50px);
		will-change: transform, opacity;
	}
	
	.aboutbox2{
		display:flex; align-items:center; justify-content:space-between;
		margin:0 auto;
	}
	.aboutbox2 .abouttxt1{		
		color:#000;
		text-align:left;
	}
	.aboutbox2 .abouttxt1 span{
		white-space:nowrap;
		font-weight:600; font-size:min(max(10px, 8vw),130px);
	}
	.aboutbox2 .abouttxt1 > div > span:first-child{
		display:block;		
		transform:translateX(calc(0px - min(max(10px, 13vw),220px)));		
	}
	.aboutbox2 .abouttxt1 .char{
		display: inline-block;
		opacity: 0;
		transform: translateY(50px);
		will-change: transform, opacity;
	}
	.aboutbox2 .abouttxt1 .txt1 > div{
		margin-top:min(max(10px, 10vw),130px); margin-bottom:min(max(1vw, 7vw),80px);
		font-weight:600; font-size:min(max(1vw, 4vw),40px); line-height:min(max(1vw, 5.8vw),50px);
	}
	.aboutbox2 .abouttxt1 .txt1 > p{
		margin-top:min(max(1vw, 4vw),40px);
		font-size:min(max(1vw, 2.1vw),20px); line-height:min(max(1vw, 4.4vw),34px);
	}
	
	.logoico1{
		flex:0 0 min(max(1vw, 35vw),780px);
	}
	.bgwhite.not .floatingico{
		opacity:0;
		transition:opacity ease .8s;
	}
	.floatingico{
		position:fixed; left:60%; top:50%;
		width:min(max(1vw, 40vw),707px); height:min(max(1vw, 40vw),707px);
		transform: translateY(-50%);
		display:flex; justify-content:center; align-items:center;
		border-radius:50%;
		pointer-events:none;
		transition:opacity ease .8s;
		/*mix-blend-mode:difference;*/
	}
	.floatingico em{
		animation:montionico1 2.8s ease-in-out infinite;
	}
	@keyframes montionico1 {
		0% {
			transform:rotate(0deg);
		}
		20% {
			transform:rotate(10deg);
		}
		40% {
			transform:rotate(-10deg);	
		}
		60% {
			transform:rotate(0deg);	
		}
		800% {
			transform:rotate(10deg);
		}
		100% {
			transform:rotate(0deg);	
		}
	}
	.floatingico::before{
		position:absolute; left:0%; top:0%;
		width:100%; height:100%;
		background:url(../../images/sub/txt_cir1.png) no-repeat center center; background-size:cover;
		filter:invert(1);
		animation:ratateLoop infinite 22s linear;
		content:"";
	}
	.floatingico.is-map-active::before{
		filter:invert(0);
	}
	.floatingico > em{
		flex:0 0 70%;
	}
	.floatingico img{
		width:100%;		
	}

@media screen and (max-width:787px) {
	.aboutbox1{
		display:block; 
		margin:30vw 3vw 40vw;
		height:50vh;
	}
	.aboutbox1 .abouttxt1 span{
		font-size:min(max(10px, 10vw),130px);
	}
	.aboutbox2{
		justify-content:center;
	}
	.aboutbox2 .abouttxt1 span{
		font-size:min(max(10px, 10vw),130px);
	}
	.aboutbox2 .abouttxt1 .txt1{
		padding:0 14vw;
	}
	.aboutbox2 .abouttxt1 .txt1 > div{
		font-size:min(max(1vw, 5.5vw),40px); line-height:min(max(1vw, 8vw),48px);
	}
	.aboutbox2 .abouttxt1 .txt1 > p{
		font-size:min(max(1vw, 3.5vw),20px); line-height:min(max(1vw, 6vw),34px);
	}
	.floatingico{
		left:60%; top:50%;
		width:min(max(1vw, 30vw),707px); height:min(max(1vw, 30vw),707px);
	}
}
	
	.businessbox1{
		overflow:hidden;
		height:100vh; height:100dvh;		
		padding-right:min(max(1vw, 18vw),200px);
	}
	.businessbox1 .horizontal{
		display:flex; align-items:center; gap:min(max(1vw, 22vw),120px);
		height:100vh; height:100dvh;
	}
	.businessbox1 .detail1{
		display:flex; align-items:center;
	}
	.businessbox1 .detail1 > .tit1{
		width:min(max(1vw, 60vw),560px);
		color:#000;
	}
	.businessbox1 .detail1 > .tit1 > h4{
		font-family:var(--font-family2); color:#000; font-weight:700; font-size:min(max(1vw, 10vw),80px);
	}
	.businessbox1 .detail1 > .tit1 > div{
		margin-top:min(max(1vw, 3vw),30px);
		font-weight:400; font-size:min(max(1vw, 3.5vw),24px); line-height:min(max(1vw, 6vw),40px);
	}
	.businessbox1 .detail1 > .tit1 > p{
		margin-top:min(max(1vw, 7vw),90px);
		font-weight:400; color:#cd0606; font-size:min(max(1vw, 3vw),18px); line-height:min(max(1vw, 4.5vw),32px);
	}
	.businessbox1 .detail1 .cont1{
		display:flex; align-items:center; gap:min(max(1vw, 3vw),30px);
		width:min(max(1vw, 150vw), 1130px);		
	}
	.businessbox1 .detail1 .cont1 > *{
		overflow:hidden;
		border-radius:min(max(1vw, 4vw),30px);		
	}
	.businessbox1 .detail1 .cont1 > * > img{
		max-width:100%;
	}
	
	.clientbox1{
		padding:min(max(1vw, 5vw),150px) 0;		
	}
	.clientbox1 .tit1{
		color:#000;
		text-align:center;
	}
	.clientbox1 .tit1 > h3{
		font-family:var(--font-family2); color:#000; font-weight:700; font-size:min(max(1vw, 10vw),80px);
	} 
	.clientbox1 .tit1 > p{
		margin-top:min(max(1vw, 5vw),30px);
		font-weight:400; font-size:min(max(1vw, 3.5vw),24px); line-height:min(max(1vw, 6vw),38px);
	} 
	
	.clientbox1 .clientlist1{
		margin-top:min(max(1vw, 7vw),60px);
		display:flex; flex-wrap:wrap;
		mix-blend-mode:normal;
	}
	.clientbox1 .clientlist1 > li{
		width:20%;
	}
	.clientbox1 .clientlist1 > li img{
		max-width:100%;
	}
	@media screen and (max-width:787px) {
		.clientbox1 .clientlist1 > li{
			width:33.33%;
		}
		.businessbox1 .detail1{
			gap:8vw;
		}
	}
	
	.mapbox1{
		padding-bottom:min(max(1vw, 14vw),150px) !important;
		display:flex; justify-content:space-between;
		margin-top:min(max(1vw, 20vw),150px);
	}
	.mapbox1 .detail1{
		width:50%;
		mix-blend-mode:difference;
		color:#fff;		
	}
	.mapbox1 .detail1 .tit1{
		font-family:var(--font-family2); font-weight:700; font-size:min(max(1vw, 10vw),130px); line-height:min(max(1vw, 12vw),130px);
	}
	.mapbox1 .detail1 .txt1{
		margin-top:min(max(1vw, 9vw),100px);
		font-weight:600; font-size:min(max(1vw, 4.4vw),50px); line-height:min(max(1vw, 6vw),60px);
	}
	.mapbox1 .detail1 ul{
		margin-top:min(max(1vw, 6vw),70px);
		display:flex; gap:min(max(1vw, 1vw),10px) min(max(1vw, 5vw),40px); flex-wrap:wrap;
		font-size:min(max(1vw, 3.4vw),25px);
	}
	.mapbox1 .detail1 p{
		margin-top:min(max(1vw, 6vw),40px);
	}
	.mapbox1 .detail1 p a{
		color:#fff;	font-weight:600; font-size:min(max(1vw, 3.4vw),25px); 
	}
	.mapbox1 .detail1 p a > span{
		display:flex; align-items:center; gap:min(max(1vw, 1vw),10px);
	}
	.mapbox1 .detail1 p a > span::after{
		width:min(max(1vw, 2.5vw),19px); height:min(max(1vw, 2.5vw),19px);
		background:url(../../images/about/ico_arr1.png) no-repeat center center; background-size:cover;
		content:"";
	}
	
	.mapbox1 .map1{
		position:relative;
		margin-top:min(max(1vw, 7vw),80px);
		border-radius:min(max(1vw, 4.4vw),40px) min(max(1vw, 4.4vw),40px) min(max(1vw, 4.4vw),40px) 0;
		width:100%; height:min(max(320px,50vw),540px);
		overflow:hidden;
	}

@media screen and (max-width:787px) {
	.mapbox1 .detail1{
		width:70%;
	}
}
/*about*/