
/*sub*/	
	.svisualbox1{position:relative; width:100%; height:min(max(260px,70vw),500px); overflow:hidden; z-index:1;}
	
	.svisualbox1 .slider1{position:absolute; left:0; top:0; width:100%; height:100%; 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:50%;
		width:100%; max-width:1100px;
		transform:translate(-50%, -50%);
		text-align:left;
		z-index:10;		
	}
	.svisualbox1 .visualtxt1 .txt1 {
		padding-left:min(max(10px, 3vw),100px); margin-top:min(max(1vw, 8vw),30px);
		color:#fff;
	}
	.svisualbox1 .visualtxt1 .txt1 > em{
		font-family:var(--font-family2); font-size:min(max(1vw, 4.6vw),18px);		
	}
	.svisualbox1 .visualtxt1 .txt1 > p{
		margin-top:min(max(1vw, 5vw),30px);
		font-size:min(max(1vw, 6.4vw),40px); line-height:min(max(1vw, 9.2vw),52px);
	}
	.svisualbox1 .visualtxt1 .txt1 > p > em{
		font-weight:600
	}
	
	.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);
	}
	
	.leftmenu01 .tit{height:90px; background:url(../../images/sub/bg_tit1.png) 0 top no-repeat; text-indent:0;}
	.leftmenu01 .tit h2{ font-size:24px; color:#333; margin-left:30px;}
	.leftmenu01 > li{
		position:relative; 
		text-align:left;
		border-bottom:1px solid #dddddd; 
	}
	.leftmenu01 > li a{
		display:block; 
		color:#999999; 
		height:39px; 
		font-weight:500; font-size:14px; line-height:39px;
		padding-left:min(max(1vw, 2vw),30px);		
		transition:color ease .4s;
	}
	.leftmenu01 li a:hover, .leftmenu01 li a:focus, .leftmenu01 li a:active, .leftmenu01 li.on a{color:var(--main-color1);}
	
	@media screen and (max-width:1024px) {
		.submenubox1{
			position:relative; margin:0 auto; z-index:10; overflow-x:auto; box-sizing:border-box;
			border-bottom:1px solid #ddd;
		}
		.submenubox1::-webkit-scrollbar {
			width: 0;
			height:4px;
			background-color: rgba(0,0,0,.0);
		}
		.submenubox1::-webkit-scrollbar-thumb {
			border-radius: 3px;
			background-color: rgba(0,0,0,.4);
		}
		.leftmenu01 .tit{
			display:none;
		}
		.submenubox1 > ul{
			display:table; margin:0 auto;
		}
		.submenubox1 > ul > li{
			position:relative; display:table-cell;  
			text-align:center; 
			vertical-align:middle;
			border:none;	
		}
		.submenubox1 > ul > li > a{
			position:relative; display:inline-block; 
			height:auto;
			padding:min(max(1vw, 3.12vw), 20px) min(max(1vw, 3.15vw), 20px);
			white-space:nowrap;
			color:#999; font-size:min(max(10px, 3.2vw), 16px); line-height:min(max(10px, 5.5vw), 22px); 
		}
	}
	
	.loc{position:relative; height:90px; font-size:11px; color:#333;}
	.loc .nav1{position:absolute; right:0; top:2px; display:block; margin-bottom:26px;}
	.loc .home01, .loc .home01 a{color:#333;}
	.loc .on{font-weight:bold; color:#333}
	.loc a{color:#999999;}
	.loc a:hover{text-decoration:none; color:#888888;}	
	.loc h2{font-size:36px; line-height:32px; font-weight:700; color:#333333;}
	.loc .locimg{position:absolute; right:0; bottom:0;}
	@media screen and (max-width:1024px) {
		.loc .nav1{display:none;}
		.loc{
			text-align:center;
			height:auto;
			padding-bottom:min(max(10px, 8vw), 50px);
		}
		.loc h2{
			font-size:min(max(1vw, 8vw), 50px); line-height:min(max(1vw, 8vw), 50px);
		}
	}
/*sub*/
	
	
	.tab1{display:table; table-layout:fixed; width:100%;}
	.tab1 li{
		position:relative; 
		display:table-cell; 
		vertical-align:middle;
		background:#f5f5f5;
		border:1px solid #ddd; border-left:none; color:#888; text-align:center; font-size:18px;
		transition:background ease .4s;
	}
	.tab1 li:before {
		position:absolute; left:0px;top:0;
		display:block;  
		width:1px; height:100%; 
		background:#ddd;
		content:'';
	}	
	.tab1 li.on:before{
	}
	.tab1 li.on + li:before{display:none;}	
	.tab1 li a{display:block; line-height:50px; color:#666666;}
	.tab1 li.on{
		border-color:#333;
		border-left:1px solid #333; border-bottom:1px solid #fff;
		background:#fff;  font-weight:bold;
	}
	.tab1 li.on a{color:#333;}
	@media screen and (max-width:767px) {
		.tab1 li a{display:block; line-height:40px; color:#666666;}
		.tab1 li{
			font-size:min(max(1vw, 3vw), 18px);
		}
	}	
	
/*intro*/
	ul.inlist1{
		display:flex; flex-wrap:wrap; gap:min(max(1vw, 2vw), 35px);
	}
	ul.inlist1 li{
		flex:0 0 calc((100% - (min(max(1vw, 2vw), 35px) * 3)) / 4);
		text-align:left;
	}
	ul.inlist1 li div{
		position:relative;
		font-size:16px; height:50px; line-height:50px; 
	}
	ul.inlist1 li div::before{
		position:absolute; right:0; top:0;
		width:60px; height:56px;
		background:url(../../images/intro/ico1_1.png) no-repeat right top; background-size:100% 800%;
		z-index:-1;
		content:"";
	}
	ul.inlist1 li:nth-child(2) > div::before{
		background-position:right 14.28%;
	}
	ul.inlist1 li:nth-child(3) > div::before{
		background-position:right 28.56%;
	}
	ul.inlist1 li:nth-child(4) > div::before{
		background-position:right 42.84%;
	}
	ul.inlist1 li:nth-child(5) > div::before{
		background-position:right 57.02%;
	}
	ul.inlist1 li:nth-child(6) > div::before{
		background-position:right 71.30%;
	}
	ul.inlist1 li:nth-child(7) > div::before{
		background-position:right 85.58%;
	}
	ul.inlist1 li:nth-child(8) > div::before{
		background-position:right 100%;
	}
	ul.inlist1 li:nth-child(1) > div{color:#204f95}
	ul.inlist1 li:nth-child(2) > div{color:#19b5d6;}
	ul.inlist1 li:nth-child(3) > div{color:#4171b9;}
	ul.inlist1 li:nth-child(4) > div{color:#9c9eae;}
	ul.inlist1 li:nth-child(5) > div{color:#8bc1cd; }
	ul.inlist1 li:nth-child(6) > div{color:#109eb3;}
	ul.inlist1 li:nth-child(7) > div{color:#0091d7;}
	ul.inlist1 li:nth-child(8) > div{color:#35406f;}
	
	ul.inlist1 li div > em{font-size:50px;  font-weight:bold; letter-spacing:-4px; margin-right:2px;}
	ul.inlist1 li p{font-size:13px; line-height:22px; color:#888888;}
	ul.inlist1 li p em{display:block; font-size:16px; color:#333; font-weight:bold; }
	
	@media screen and (min-width:769px) {
		ul.inlist1 li div > em{
			font-size:min(max(1vw, 4vw), 50px);
		}
		ul.inlist1 li p{margin-top:14px;}
		ul.inlist1 li p em{
			font-size:min(max(1vw, 1.6vw), 16px);
		}
	}
	@media screen and (max-width:767px) {
		ul.inlist1 li{
			flex:0 0 100%;
			display:flex; flex-wrap:wrap;
		}
		ul.inlist1 li div{
			display:flex; gap:min(max(.1vw, .6vw), 5px); align-items:center;
			flex:0 0 min(max(1vw, 36vw), 200px);
			font-size:min(max(1vw, 3.6vw), 16px); line-height:min(max(1vw, 4.4vw), 20px);
			height:min(max(1vw, 9.4vw), 50px); 
		}
		ul.inlist1 li div::before{
			position:relative;
			width:min(max(40px, 9vw), 60px); height:min(max(38px, 8.4vw), 56px);
		}
		ul.inlist1 li div > em{
			font-size:min(max(1vw, 9.4vw), 50px); 
		}
		ul.inlist1 li div > span{
			margin-top:auto;
			
		}
		ul.inlist1 li > p{
			flex:1;
		}
	}
	@media screen and (max-width:480px) {
		ul.inlist1 li{
			gap:10px;
		}
		ul.inlist1 li:nth-child(n+2){
			margin-top:10px;
		}
		ul.inlist1 li > p{
			flex:0 0 100%;
		}
	}
	
	div.bgbox1{
		position:relative;
		border-top:10px solid #888f9c;
		margin-top:70px; padding-top:60px; padding-bottom:40px;
	}
	div.bgbox1::before{
		position:absolute; right:0; top:50px;
		width:401px; height:337px;
		background:url(../../images/intro/bgimg1_1.png) no-repeat right top; background-size:cover;
		content:"";
		z-index:-1;
	}
	
	.introtbox1{
		display:flex; flex-wrap:wrap;
	}
	.introtbox1 > *:nth-child(1){
		margin-top:30px;
	}
	.introtbox1 > *:nth-child(2){
		width:100%;
		margin-top:20px;
	}
	@media screen and (max-width:767px) {
		div.bgbox1::before{
			position:relative; top:0px;
			width:100%; height:0px; padding-bottom:84%;
			display:block;
			margin:0 auto;
		}
		.introtbox1 {
			margin-top:10px;
			border-top:2px solid #666;
		}
		.introtbox1 > *:nth-child(1){
			margin-top:0px;
			background:#f5f5f5;
			display:flex; align-items:center; justify-content:center;
			flex:0 0 20%;
		}
		.introtbox1 > *:nth-child(1) > img{
			mix-blend-mode: multiply;
			max-width:80%;
		}
		.introtbox1 > *:nth-child(2){
			flex:1;			
			margin-top:0px;
		}
	}
	
	.introlist1{
		padding:min(max(1vw, 11.4vw), 60px) min(max(1vw, 9.4vw), 50px); 
		border:1px solid #e4e4e4;
		display:flex; flex-wrap:wrap; gap:min(max(1vw, 8vw), 40px) 0;
	}
	.introlist1 > ul{
		flex:0 0 calc((100% / 3));
	}
	.introlist1 > ul:last-child{
		flex:0 0 calc((100% / 1.5));
	}
	.introlist1 > ul{
	}
	@media screen and (max-width:767px) {
		.introlist1{
			padding:0; margin-top:20px;
			border:none;
		}
	}
	@media screen and (max-width:640px) {
		.introlist1 > ul{
			flex:0 0 calc((100% / 2));
		}
		.introlist1 > ul:last-child{
			flex:0 0 calc((100% / 1));
		}
	}
	@media screen and (max-width:480px) {
		.introlist1 > ul{
			flex:0 0 calc((100% / 1)) !important;
		}
	}
	ul.inlist2{}
	ul.inlist2 li{font-size:14px; line-height:22px; color:#666666;}

	
	
	
	.hsbox1{
		position:relative;
		padding-left:min(max(1vw, 30vw),295px);
	}
	.hsbox2 {
		position:absolute; left:0px; top:100px;
		width:30%; max-width:255px;
	}
	.hsbox2 p{font-size:12px; color:#666666; line-height:16px; }
	.hsbox2 img {
		max-width:100%;
		margin-bottom: 10px;
	}
	.hsbox2 > li:nth-child(n+2){
		margin-top:40px;
	}
	
	.hslist1{
		position:relative;
	}
	.hslist1::before{
		position:absolute; left:9px; top:0;
		width:1px; height:100%;
		background:#c8c8c8;
		content:"";
		z-index:-1;
	}
	.hslist1 > li {
		padding-top:30px;
	}
	.hslist1 li h3{
		padding-left:34px; 
		background:url(../../images/common/ico/ico_bul1.png) no-repeat left center;  
		font-weight:800; font-size:30px; line-height:21px; 
	}
	.hslist1 li ul{
		margin-left:34px; margin-top:20px; font-size:14px;
	}
	.hslist1 li ul li{
		padding:4px 0;
		display:flex;
	}
	.hslist1 li ul li span.date1{
		flex:0 0 90px; color:#333; font-weight:bold; line-height:22px;
	}
	.hslist1 li ul li span.txt1{flex:0 0 1; color:#666; line-height:22px;}
	
	@media screen and (max-width:767px) {
		
		.hsbox1{
			padding-left:0;
		}
		.hsbox2 {
			position:relative; left:0px; top:0px;
			width:calc(100% - 25px); max-width:none;
			padding-left:25px; padding-top:20px;
			display:flex; flex-wrap:wrap; gap:min(max(1vw, 4vw),20px)
		}
		.hsbox2::before{
			position:absolute; left:9px; top:0;
			width:1px; height:100%;
			background:#c8c8c8;
			content:"";
			z-index:-1;
		}
		.hsbox2 > li{
			margin-top:0px !important;
			flex:0 0 calc((100% - min(max(1vw, 4vw),20px) * 1) / 2);
		}
		.hsbox2 > li img{
			width:100%;
		}
		.hslist1 li ul{
			margin-left:24px; margin-top:20px;
		}
		.hslist1 li ul li span.date1{
			flex:0 0 70px;  line-height:22px;
		}
	}
	
	
	.mapbox1{width:100%; height:378px; border:1px solid #dddddd;}
	
	.awlist1{width:100%; border-top:1px solid #dddddd;}
	.awlist1 li{position:relative; height:136px; line-height:136px; border-bottom:1px solid #dddddd; padding:0 10px;}
	.awlist1 li:nth-child(2n){background:#fbfbfb;}
	.awlist1 li span.img1,
	.awlist1 li span.cont1{display:inline-block; vertical-align:middle; width:160px;}
	.awlist1 li span.img1{position:relative; text-align:center;}
	.awlist1 li span.img1 img{width:76px;}
	.awlist1 li span.cont1{width:56%; font-size:16px; color:#666; line-height:20px;}
	.awlist1 li span.cont1 em.tit1{display:block; color:#333; font-weight:bold;}
	.awlist1 li span.cont1 span.txt1{display:block; color:#333; font-size:14px; margin-top:6px;}
	.awlist1 li span.date1{position:absolute; right:20px; bottom:20px; display:block; font-size:14px; color:#888888}
	@media screen and (max-width: 480px){	
		.awlist1 li span.img1{width:30%;}
		.awlist1 li span.img1 img{width:70%;}
		.awlist1 li span.cont1{width:68%; font-size:14px;}
		.awlist1 li span.cont1 span.txt1{font-size:12px;}
		.awlist1 li span.date1{font-size:12px;}
	}
/*intro*/

/*business*/	
	.etcbox1{
		display:flex; justify-content:space-between;
		border:1px solid #e4e4e4;
		padding:40px 80px 40px 30px;
	}
	.etcbox1 .txt1{
		width:220px;
		padding:10px 0; 
		font-size:16px; line-height:22px;
	}
	.etcbox1 ul{
		width:50%;
		display:flex; justify-content:space-between;
	}
	.etcbox1 ul li{
		text-align:center;
	}
	.etcbox1 ul li a{display:block; font-size:16px; color:#666666;}
	.etcbox1 ul li a span{
		display:block; 
		width:52px; height:52px; 
		margin:0 auto; margin-bottom:4px;
		background:url(/images/business/ico6_1_1.png) no-repeat left top; background-size:100% 400%;
		filter:grayscale(1) brightness(.9);
		transition:filter ease .4s;
	}
	.etcbox1 ul li:nth-child(2) a span{background-position:left 33.33%;}
	.etcbox1 ul li:nth-child(3) a span{background-position:left 66.66%;}
	.etcbox1 ul li:nth-child(4) a span{background-position:left 100%;}
	.etcbox1 ul li a:hover, .etcbox1 ul li a:active, .etcbox1 ul li a:focus, .etcbox1 ul li a.on{color:#0091d7;}
	
	.etcbox1 ul li a:hover span, .etcbox1 ul li a:active span, .etcbox1 ul li a:focus span, .etcbox1 ul li a.on span{
		filter:grayscale(0) brightness(1) invert(0);
	}
	@media screen and (max-width: 767px){
		.etcbox1{
			padding:min(max(1vw, 4vw),30px) min(max(1vw, 2vw),20px);
		}
		.etcbox1 .txt1{
			display:none;
		}
		.etcbox1 ul{
			margin:0 auto;
			width:90%;
		}
		.etcbox1 ul li a span{
			width:min(max(30px, 8vw),52px); height:min(max(30px, 8vw),52px); 
		}
		.etcbox1 ul li a{font-size:min(max(12px, 4vw),16px);}
	}
/*business*/	


/*sustainability*/

	.ststep1{
		display:flex;
	}
	.ststep1 > li:nth-child(n+2){
		margin-left:-14px;
	}
	.ststep1 > li{
		width:calc(100% / 3 + 8px);
	}
	.ststep1 > li div{
		position:relative; background:url(../../images/sustainability/ico1_1_1.png) no-repeat left top; background-size:100% 300%;
		width:calc(100% + (5px * 2 / 3)); height:128px;
	}
	.ststep1 > li div.ico2{background-position:0 50%;}
	.ststep1 > li div.ico3{background-position:0 100%;}
	.ststep1 > li div p{position:absolute; left:82px; bottom:28px; font-size:18px; color:#fff;}
	.ststep1 > li div p::before{
		display:block;
		width:44px; height:38px;
		margin:0 auto; margin-bottom:20px;
		background:url(../../images/sustainability/ico1_1_2.png) no-repeat center top; background-size:100% 300%;
		content:"";
	}
	.ststep1 > li:nth-child(2) div p::before{
		background-position:center 50%;
	}
	.ststep1 > li:nth-child(3) div p::before{
		background-position:center 100%;
	}
	.ststep1 li div p em{ margin-left:2px;}
	.ststep1 li p.txt1{font-size:14px; color:#666; line-height:20px; text-align:center; margin-top:10px; margin-left:-10px;}
	
	@media screen and (max-width: 767px){	
		.ststep1{
			flex-wrap:wrap; align-items:center;
		}
		.ststep1 > li:nth-child(n+2){
			margin-left:0px;
		}
		.ststep1 > li{
			width:100%;
			display:flex; gap:20px; align-items:center;
		}
		.ststep1 > li:nth-child(n+2){
			margin-top:20px
		}
		.ststep1 > li div{
			position:relative; background:#26abec ;
			width:40%; height:14vw;
		}
		.ststep1 > li:nth-child(2) div{
			background:#0091d7;
		}
		.ststep1 > li:nth-child(3) div{
			background:#2f6494;
		}
		.ststep1 > li div::after{
			position:absolute; right:0; top:0;
			width:37px; height:100%;
			background:url(../../images/sustainability/ico1_1_1_m.png) no-repeat left top; background-size:100% 300%;
			content:"";
		}
		.ststep1 > li:nth-child(2) div::after{
			background-position:center 50%;
		}
		.ststep1 > li:nth-child(3) div::after{
			background-position:center 100%;
		}
		.ststep1 > li div p{
			left:15px; bottom:50%;
			transform:translateY(50%);
			display:flex; align-items:center;
			font-size:min(max(1vw, 2.2vw),18px); 
		}
		.ststep1 li div p::before{
			width:min(max(1vw, 7vw),44px); height:min(max(1vw, 6.2vw),38px);
			margin-bottom:0px; margin-right:10px;
		}
		.ststep1 > li p.txt1{			
			margin:0;
			flex:1;
			text-align:left;
		}
		.ststep1 > li p.txt1 br{
			display:none; 
		}
	}
	@media screen and (max-width: 480px){	
		.ststep1 > li{
			flex-wrap:wrap; gap:10px;
		}
		.ststep1 > li div{
			width:100%; height:22vw;
		}
		.ststep1 > li div p{
			left:15px; 
			font-size:min(max(1vw, 5.2vw),18px); 
		}
		.ststep1 li div p::before{
			width:min(max(1vw, 11vw),44px); height:min(max(1vw, 10.2vw),38px);
		}
	}
	
	
	.ststep2{
		width:100%; border-top:1px solid #dddddd; margin-top:80px;
		display:flex; justify-content:center; gap:min(max(1vw, 8vw),80px);
	}
	.ststep2 li{
		margin-top:-62px; 
	}
	.ststep2 li span{
		display:block; margin:0 auto; width:167px; height:114px; background:url(/images/sustainability/ico2_1_1.png) no-repeat left top;
	}
	.ststep2 li span.ico2{background-position:-167px 0;}
	.ststep2 li span.ico3{background-position:-334px 0;}
	.ststep2 li p.tit1{
		font-size:16px; line-height:22px; margin-top:16px; margin-bottom:5px; color:#333; 
	}
	.ststep2 li p.txt1{ 
		font-size:14px; color:#666; line-height:18px; 
	}
	
	@media screen and (max-width: 767px){	
		.ststep2{
			flex-wrap:wrap; gap:20px;
			border:none;
			margin-top:min(max(1vw, 4vw),80px);
		}
		.ststep2 > li{
			width:100%;
			margin-top:0;
			display:flex; align-items:center; gap:20px;
		}
		.ststep2 > li span{
			flex:0 0 min(max(1vw, 30vw),114px); height:min(max(1vw, 30vw),114px); background:url(../../images/sustainability/ico2_1_1_m.png) no-repeat left top; background-size:100% 300%;
			margin:0;
		}
		.ststep2 > li:nth-child(2) span{
			background-position:left 50%;			
		}
		.ststep2 > li:nth-child(3) span{
			background-position:left 100%;			
		}
		.ststep2 > li p.tit1{
			margin-top:0;
		}
		.ststep2 > li p.tit1 br{
			display:none;
		}
	}
	
	.qualitybox1{
		display:flex; align-items:flex-end; gap:20px;
		justify-content:space-between
	}
	.qualitybox1 .imgbox1 img{
		max-width:100%;
	}
	.sttbl1{
		font-size:14px;
		flex:0 0 146px;
	}
	.sttbl1 > li:nth-child(n+2){
	}
	.sttbl1 > li.tit1{
		background:#2f6494; 
		text-align:center;
		padding:8px 0;
		border-radius: 4px 4px 0 0;
		color:#fff; line-height:18px; 
	}
	.sttbl1 > li:not(.tit1){		 
		border-bottom:1px solid #dddddd;
		padding:5px 12px;
		color:#666; line-height:18px;
	}
	@media screen and (max-width:480px){
		.qualitybox1{
			flex-wrap:wrap;
		}
		.sttbl1{
			font-size:12px;
			flex:0 0 100%;
			display:flex; flex-wrap:wrap;
		}
		.sttbl1 > li.tit1{
			width:100%;
		}
		.sttbl1 > li:not(.tit1){
			flex:1;
			padding:5px;
		}
	}
	
	.ststep3{
		display:flex; flex-wrap:wrap; gap:20px;
	}
	.ststep3 > li{
		flex:0 0 calc((100% - 20px * 1) / 2);
	}
	.ststep3 > li img{
		width:100%;
	}
	.ststep3 > li p{
		margin-top:15px; font-size:14px; color:#666; line-height:20px;
	}
	.ststep3 > li p em.tit1{display:block; font-size:16px; color:#333333; line-height:22px; margin-bottom:10px; }
	@media screen and (max-width:480px){
		.ststep3 > li{
			flex:0 0 100%;
		}
	}
	.ststep4{
		display:flex; flex-wrap:wrap; gap:20px;
	}
	.ststep4 > li{
		flex:0 0 calc((100% - 20px * 1) / 2);
		font-size:16px; 
		display:flex; align-items:center;
	}
	.ststep4 li span{
		flex:0 0 49px; height:49px; background:url(/images/sustainability/ico5_1_1.png) no-repeat left top; margin-right:10px;
	}
	.ststep4 li span.ico2{background-position:0 -49px;}
	.ststep4 li span.ico3{background-position:0 -98px;}
	.ststep4 li span.ico4{background-position:0 -147px;}
	@media screen and (max-width:480px){
		.ststep4 > li{
			flex:0 0 100%;
		}
	}
	
	
	.sbg1{
		position:relative;
		box-sizing:border-box;
		padding-right:30%;
	}
	.sbg1::before{
		position:absolute; right:0; top:0;
		width:min(max(1vw, 42vw),411px); height:min(max(1vw, 22vw),231px);
		background:url(../../images/sustainability/bgimg7_1.png) no-repeat center center; background-size:cover;
		content:"";
		z-index:-1;
	}
	@media screen and (max-width:480px){
		.sbg1 .txtbox1 br{
			display:none;
		}
	}
	
	.sslist1{
		display:flex; flex-wrap:wrap; gap:20px;
	}
	.sslist1 > li{
		width:100%;
		display:flex;
	}
	.sslist1 > li > div.cont1{
		display:flex; align-items:center; gap:30px;
	}
	.sslist1 > li > div.cont1::before{
		flex:0 0 83px; height:75px;
		background:url(../../images/sustainability/ico7_1_1.png) no-repeat center top; background-size:100% 600%;
		content:"";
	}
	.sslist1 > li:nth-child(2) > div.cont1::before{
		background-position:center 20%;
	}
	.sslist1 > li:nth-child(3) > div.cont1::before{
		background-position:center 40%;
	}
	.sslist1 > li:nth-child(4) > div.cont1::before{
		background-position:center 60%;
	}
	.sslist1 > li:nth-child(5) > div.cont1::before{
		background-position:center 80%;
	}
	.sslist1 > li:nth-child(6) > div.cont1::before{
		background-position:center 100%;
	}
	.sslist1 > li div.cont1{ font-size:14px; color:#666666; line-height:20px;}
	.sslist1 > li div.cont1 em.tit1{display:block; margin-bottom:8px; font-size:16px; color:#333333; }
	.sslist1 > li div.cont1 ul.txt1{
		margin-top:10px;
		display:flex; flex-wrap:wrap; gap:5px;
	}
	.sslist1 > li div.cont1 ul.txt1 > li{
		flex:0 0 1;
		min-width:130px;
		text-align:left;
		line-height:18px;
	}
	.sslist1 > li span.imgbox1{
		position:relative;
		margin-left:auto;		
	}
	.sslist1 > li span.imgbox1 a.btn1{display:block; position:absolute; left:0; bottom:0; width:70px; height:30px; line-height:30px; background:#0091d7; color:#fff; text-align:center;}
	@media screen and (max-width:767px){
		.sslist1{
			gap:20px;
		}
		.sslist1 > li{
			width:calc((100% - 20px * 1) / 2);
			flex-direction:column-reverse; justify-content:flex-end;
		}
		.sslist1 > li > div.cont1{
			align-items:flex-start; gap:20px;
			margin-top:10px;
		}
		.sslist1 > li > div.cont1::before{
			flex:0 0 min(max(1vw, 12vw),83px); height:min(max(1vw, 11vw),75px);
		}
		.sslist1 > li > div.cont1 br{
			display:none;
		}
		.sslist1 > li span.imgbox1{
			margin-left:0;		
		}
		.sslist1 > li span.imgbox1 img{
			width:100%;
		}
	}
	@media screen and (max-width:480px){
		.sslist1 > li{
			width:100%;
		}
	}
	
/*sustainability*/


/*pr*/

	ul.fvlist1{
		display:grid; grid-template-columns:repeat(3, 1fr); grid-auto-rows:100px; gap:10px; grid-auto-rows: minmax(100px, auto);
		text-align:center;
	}
	
	ul.fvlist1 .row2 {
		grid-row:span 2;
	}
	ul.fvlist1 > li{
		border:1px solid #ddd;
		box-sizing:border-box;		
	}
	ul.fvlist1 > li h3{height:49px; line-height:49px; background:#f1f1f1; color:#333333; font-size:18px;}
	ul.fvlist1 > li > ul{
		padding:min(max(1vw, 5vw),20px)
	}
	ul.fvlist1 li a{color:#888888; font-size:14px; line-height:24px;}	
	@media (max-width: 767px) {
		ul.fvlist1 {
			grid-template-columns: repeat(2, 1fr);
		}
		ul.fvlist1 .row2 {
			grid-row:span 2;
		}
	}	
	@media (max-width: 480px) {
		ul.fvlist1 {
			grid-template-columns:1fr;
		}
		
		ul.fvlist1 .row2 {
			grid-row:span 1;
		}
	}
	
	
	ul.brandu1{
	}
	ul.brandu1.s2 p.tit1{
		color:#00a1c9;
	}
	ul.brandu1 > li{
		position:relative;
		display:flex; justify-content:space-between;
	}
	ul.brandu1 > li:nth-child(n+2){
		margin-top:40px;
	}
	ul.brandu1 > li > *:nth-child(n+2){
		flex:0 0 43%;
		text-align:right;
	}
	ul.brandu1 > li img{
		max-width:100%;
	}
	ul.brandu1 > li p.tit1{font-size:18px; color:#0d5038; font-weight:bold; line-height:26px;}
	ul.brandu1 > li p.tit1:after{display:block; width:10px; height:1px; margin:20px 0; background:#333; content:" ";}
	ul.brandu1 > li p.txt1{font-size:14px; color:#666666; line-height:24px;}
	
	@media (max-width: 767px) {
		ul.brandu1 li{
			flex-wrap:wrap; gap:20px;
		}
		ul.brandu1 > li > *:nth-child(n+2){
			flex:0 0 100%;
			text-align:left;
		}
		ul.brandu1 > li p.tit1:after{
			margin:10px 0;
		}
	}
	
	.brosuretit1{text-align:center; }
	.brosuretit1 em{font-size:min(max(1vw, 5.6vw),30px); line-height:min(max(1vw, 5.6vw),30px); font-weight:bold;}
	.brosuretit1 > p{font-size:min(max(1vw, 3.6vw),16px); line-height:min(max(1vw, 5.4vw),22px);}
	
	.btnarr1{
		display:inline-block; padding:10px 20px; font-size:16px; color:#333333; background:#fff; border:1px solid #c3c3c3; font-weight:bold;
	}
	
	@media (max-width: 767px) {
		.brosurebox1{
			position:relative;
			padding:0 min(max(1vw, 15vw),100px) 10% min(max(1vw, 15vw),100px); 
		}
		.brosurebox1::before{position:absolute; left:0; bottom:0; width:100%; height:90%; background:#bec8d1; z-index:-1; content:""}
		.btnarr1{
			display:block; padding:10px 10px; 
			box-sizing:border-box;
			width:100%;
			font-size:min(max(1vw, 3vw),16px);
		}
	}
	
	ul.crlist1{
		display:flex; justify-content:space-between; flex-wrap:wrap; gap:30px 0;
	}
	ul.crlist1 > li{
		flex:0 0 1;
		width:50%;
		display:flex; align-items:center;
	}
	ul.crlist1 > li > *:first-child{
		display:flex; align-items:center;
		gap:10px;
	}
	ul.crlist1 > li > *:first-child::before{
		flex:0 0 49px; height:49px;
		background:url(../../images/pr/ico4_1_1_240909.png) no-repeat center top; background-size:100% 1300%;
		content:"";
	}
	ul.crlist1 > li > *:first-child{
		flex:0 0 182px;  font-size:16px; 
	}
	ul.crlist1 > li:nth-child(2) > *:first-child::before{
		background-position:center 8.333%;
	}
	ul.crlist1 > li:nth-child(3) > *:first-child::before{
		background-position:center 16.666%;
	}
	ul.crlist1 > li:nth-child(4) > *:first-child::before{
		background-position:center 24.999%;
	}
	ul.crlist1 > li:nth-child(5) > *:first-child::before{
		background-position:center 33.332%;
	}
	ul.crlist1 > li:nth-child(6) > *:first-child::before{
		background-position:center 41.665%;
	}*
	ul.crlist1 > li:nth-child(7) > *:first-child::before{
		background-position:center 49.998%;
	}
	ul.crlist1 > li:nth-child(8) > *:first-child::before{
		background-position:center 58.331%;
	}
	ul.crlist1 > li:nth-child(9) > *:first-child::before{
		background-position:center 66.664%;
	}
	ul.crlist1 > li:nth-child(10) > *:first-child::before{
		background-position:center 74.997%;
	}
	ul.crlist1 > li:nth-child(11) > *:first-child::before{
		background-position:center 83.33%;
	}
	ul.crlist1 > li:nth-child(12) > *:first-child::before{
		background-position:center 91.663%;
	}
	ul.crlist1 > li:nth-child(13) > *:first-child::before{
		background-position:center 100%;
	}

	ul.crlist1 li span.cont1{font-size:14px; color:#666;}
	
	@media screen and (max-width:767px){
		ul.crlist1{
			justify-content:flex-start;
		}
		ul.crlist1 li{
			width:100%;
			text-align:left;			
		}
		ul.crlist1 li span.cont1 br{
			display:none;
		}
		ul.crlist1 > li > *:first-child::before{
			flex:0 0 min(max(30px, 13vw),49px); height:min(max(30px, 13vw),49px);
		}
		ul.crlist1 > li > *:first-child{
			flex:0 0 min(max(1vw, 45vw),182px);  font-size:min(max(11px, 4.4vw),16px); 
		}
		ul.crlist1 li span.cont1{
			font-size:min(max(8px, 3.7vw),14px); 
		}
	}
	
	ul.careerslist1{
		position:relative;
		display:flex; justify-content:center; gap:min(max(1vw, 2vw),30px);
		margin:0 auto;
		overflow:hidden;
	}
	ul.careerslist1 li{
		font-size:16px; text-align:center;
	}
	ul.careerslist1::before{
		position:absolute; left:0; top:calc(50% - 19px);
		width:100%; height:1px;
		z-index:-1;
		background:#aaa;
		content:"";
	}
	ul.careerslist1::after{
		position:absolute; right:0; top:calc(50% - 19px);
		width:854px; height:14px;
		z-index:-1;
		background:#aaa;
		background:url(../../images/common/line_arr1.png) no-repeat center center; background-size:cover;
		content:"";
	}
	ul.careerslist1 li p{}
	ul.careerslist1 li span{
		display:block; width:min(max(40px, 15vw),122px); height:min(max(40px, 15vw),122px); 
		background:url(../../images/pr/ico4_1_2.png) no-repeat left top; background-size:100% 500%; text-indent:-5000px;
		margin:0 auto; margin-bottom:4px; 
		font-size:0;
	}
	ul.careerslist1 li span.sico2{background-position:0 25%;}
	ul.careerslist1 li span.sico3{background-position:0 50%;}
	ul.careerslist1 li span.sico4{background-position:0 75%;}
	ul.careerslist1 li span.sico5{background-position:0 100%;}
	@media screen and (max-width:767px){
		ul.careerslist1{
			flex-wrap:wrap;
		}
		ul.careerslist1 li{
			flex:0 0 25%;
			font-size:min(max(1vw, 3vw),16px); letter-spacing:-1px;
		}
		ul.careerslist1::before{
			top:calc(50% - min(max(46px, 12vw),120px));
		}	
		ul.careerslist1::after{
			top:calc(50% + min(max(4px, 5vw),120px));
		}
	}	
	
/*pr*/	

/*ir*/

	ul.irlist1{}
	ul.irlist1 li{line-height:18px; font-size:14px; color:#666}
	ul.irlist1 span{display:inline-block; vertical-align:middle;}
	ul.irlist1 span.txt1{width:120px;}
	
/*ir*/


/*etc*/
	ul.smlist1{
		border-top:1px solid #dddddd;		
	}	
	ul.smlist1 > li{
		padding:min(max(1vw, 10vw), 60px) 0;
		border-bottom:1px solid #dddddd;
		display:flex; align-items:center;
	}
	ul.smlist1 > li:nth-child(2n){
		background:#fbfbfb;
	}
	ul.smlist1 > li h2{
		flex:0 0 min(max(1vw, 36vw), 140px); text-align:center; font-size:min(max(1vw, 5vw), 18px);
	}
	ul.smlist1 > li > ul{
		display:flex; align-items:center; flex-wrap:wrap; gap:min(max(1vw, 1vw), 10px) min(max(1vw, 3vw), 15px);
	}
	ul.smlist1 > li > ul > li{
		font-size:min(max(1vw, 4.8vw), 14px);
	}
	ul.smlist1 > li > ul li a{
		color:#666666
	}
	ul.smlist1 > li > ul li a:hover, ul.smlist1 li.pli1 ul li a:focus, ul.smlist1 li.pli1 ul li a:active{color:#0091d7; text-decoration:underline}
	
	div.plctxtbox1{font-size:13px; color:#888888}
	div.plctxtbox1 em.im1{color:#333;}
	div.plctxtbox1 p.txt1{line-height:22px; padding:10px}
	div.plctxtbox1 p.pim1{color:#333; line-height:22px; padding:10px 0 10px 10px;}

	
	.plctxtbox1 h2{font-size:30px; line-height:30px; margin-bottom:20px; text-align:center; color:#333;}
	.plctxtbox1 .rlistbox1{border:1px solid #ddd; float:left; background:#F3F3F3; padding:20px; }
	.plctxtbox1 .rlistbox1 li{float:left; width:50%; padding:4px 0;}
	.plctxtbox1 div.txt1{float:left; width:100%; clear:both; line-height:24px; padding:20px 0;}
	.plctxtbox1 div.txt1 p{line-height:20px;}
	.plctxtbox1 div.txt2{margin-top:10px;}
	.plctxtbox1 h3{font-size:20px; margin-bottom:6px;}
	.plctxtbox1 div.txt2 p{line-height:22px;}
	
	.plctxtbox1 ol.circle_list{margin:5px 0;}
	.plctxtbox1 ol.circle_list>li {position: relative; padding:2px 0 2px 20px; line-height:24px;}
	.plctxtbox1 ol.circle_list>li::before {display: block; position: absolute; left: 0; top: 1px;}
	.plctxtbox1 ol.circle_list>li:nth-child(1)::before {content: '\2460';}
	.plctxtbox1 ol.circle_list>li:nth-child(2)::before {content: '\2461';}
	.plctxtbox1 ol.circle_list>li:nth-child(3)::before {content: '\2462';}
	.plctxtbox1 ol.circle_list>li:nth-child(4)::before {content: '\2463';}
	.plctxtbox1 ol.circle_list>li:nth-child(5)::before {content: '\2464';}
	.plctxtbox1 ol.circle_list>li:nth-child(6)::before {content: '\2465';}
	.plctxtbox1 ol.circle_list>li:nth-child(7)::before {content: '\2466';}
	.plctxtbox1 ol.circle_list>li:nth-child(8)::before {content: '\2467';}
	.plctxtbox1 ol.circle_list>li:nth-child(9)::before {content: '\2468';}
	
	.plctxtbox1 ol.num_list{margin:5px 0;}
	.plctxtbox1 ol.num_list>li {position: relative; padding:2px 0 2px 20px; line-height:24px;}
	.plctxtbox1 ol.num_list>li::before {display: block; position: absolute; left: 0; top: 1px;}
	.plctxtbox1 ol.num_list>li:nth-child(1)::before {content: '1.';}
	.plctxtbox1 ol.num_list>li:nth-child(2)::before {content: '2.';}
	.plctxtbox1 ol.num_list>li:nth-child(3)::before {content: '3.';}
	.plctxtbox1 ol.num_list>li:nth-child(4)::before {content: '4.';}
	.plctxtbox1 ol.num_list>li:nth-child(5)::before {content: '5.';}
	.plctxtbox1 ol.num_list>li:nth-child(6)::before {content: '6.';}
	.plctxtbox1 ol.num_list>li:nth-child(7)::before {content: '7.';}
	.plctxtbox1 ol.num_list>li:nth-child(8)::before {content: '8.';}
	.plctxtbox1 ol.num_list>li:nth-child(9)::before {content: '9.';}
	
	.plctxtbox1 ol.numbr_list{margin:5px 0;}
	.plctxtbox1 ol.numbr_list>li {position: relative; padding:2px 0 2px 20px; line-height:24px;}
	.plctxtbox1 ol.numbr_list>li::before {display: block; position: absolute; left: 0; top: 1px;}
	.plctxtbox1 ol.numbr_list>li:nth-child(1)::before {content: '1)';}
	.plctxtbox1 ol.numbr_list>li:nth-child(2)::before {content: '2)';}
	.plctxtbox1 ol.numbr_list>li:nth-child(3)::before {content: '3)';}
	.plctxtbox1 ol.numbr_list>li:nth-child(4)::before {content: '4)';}
	.plctxtbox1 ol.numbr_list>li:nth-child(5)::before {content: '5)';}
	.plctxtbox1 ol.numbr_list>li:nth-child(6)::before {content: '6)';}
	.plctxtbox1 ol.numbr_list>li:nth-child(7)::before {content: '7)';}
	.plctxtbox1 ol.numbr_list>li:nth-child(8)::before {content: '8)';}
	.plctxtbox1 ol.numbr_list>li:nth-child(9)::before {content: '9)';}
	
	.plctxtbox1 table{width:100%; border-collapse:collapse; border-top:2px solid #333; text-align:center; margin-top:10px;; border-left:1px solid #ddd}
	.plctxtbox1 table th{color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:5px 0;}
	.plctxtbox1 table td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:5px 0;}
	.plctxtbox1 table .left1{padding-left:10px; text-align:left; padding-right:5px;}
	
	@media screen and (max-width:480px){
		div.plctxtbox1 p.txt1{ padding:4px;}
	}

/*etc*/


/*customer*/
	
	ul.steplist1{
		padding:0 10px;
		display:flex;
	}
	ul.steplist1 li{ font-size:16px; text-align:center; border-bottom:1px solid #aaaaaa; margin-bottom:65px;}
	ul.steplist1 li.ls1{width:20%;}
	ul.steplist1 li.ls2{width:20%;}
	ul.steplist1 li.ls2.l1{background:url(../../images/common/line_arr1.png) no-repeat right 39px;}
	ul.steplist1 li p{margin-bottom:-65px;}
	ul.steplist1 li span{display:block; width:97px; height:98px; background:url(../../images/customer/ico6_1_1.png) no-repeat left top; text-indent:-5000px; font-size:0; margin-bottom:4px; background-size:100% 500%;  margin:0 auto;}
	ul.steplist1 li span.sico2{background-position:0 -98px;}
	ul.steplist1 li span.sico3{background-position:0 -196px;}
	ul.steplist1 li span.sico4{background-position:0 -294px;}
	ul.steplist1 li span.sico5{background-position:0 -392px;}		
	@media screen and (max-width:570px){
		ul.steplist1 li{font-size:12px; margin-bottom:56px;}
		ul.steplist1 li.ls1{width:33.33%;}
		ul.steplist1 li.ls2{width:50%;}
		ul.steplist1 li.ls2.l1{background-position:right 30px;}
		ul.steplist1 li p{margin-bottom:-56px;}
		ul.steplist1 li span{width:80px; height:80px;}
		ul.steplist1 li span.sico2{background-position:0 -80px;}
		ul.steplist1 li span.sico3{background-position:0 -160px;}
		ul.steplist1 li span.sico4{background-position:0 -240px;}
		ul.steplist1 li span.sico5{background-position:0 -320px;}
	}
	
	@media screen and (min-width:570px) and (max-width:820px){
		ul.steplist1 li{font-size:12px; margin-bottom:56px;}
		ul.steplist1 li.ls2.l1{background-position:right 30px;}
		ul.steplist1 li p{margin-bottom:-56px;}
		ul.steplist1 li span{width:80px; height:80px;}
		ul.steplist1 li span.sico2{background-position:0 -80px;}
		ul.steplist1 li span.sico3{background-position:0 -160px;}
		ul.steplist1 li span.sico4{background-position:0 -240px;}
		ul.steplist1 li span.sico5{background-position:0 -320px;}
	}
	
	ul.steplist2{
		position:relative;
		display:flex; justify-content:center; gap:min(max(1vw, 4vw),50px);
		margin:0 auto;
		overflow:hidden;
	}
	ul.steplist2 li{
		font-size:16px; text-align:center;
	}
	ul.steplist2::before{
		position:absolute; left:0; top:calc(50% - 19px);
		width:100%; height:1px;
		z-index:-1;
		background:#aaa;
		content:"";
	}
	ul.steplist2::after{
		position:absolute; right:0; top:calc(50% - 19px);
		width:854px; height:14px;
		z-index:-1;
		background:#aaa;
		background:url(../../images/common/line_arr1.png) no-repeat center center; background-size:cover;
		content:"";
	}
	ul.steplist2 li p{}
	ul.steplist2 li span{
		display:block; width:min(max(40px, 15vw),122px); height:min(max(40px, 15vw),122px); 
		background:url(../../images/customer/ico6_1_1.png) no-repeat left top; background-size:100% 400%; text-indent:-5000px;
		margin:0 auto; margin-bottom:4px; 
		font-size:0;
	}
	ul.steplist2 li span.sico2{background-position:0 33.33%;}
	ul.steplist2 li span.sico3{background-position:0 66.66%;}
	ul.steplist2 li span.sico4{background-position:0 100%;}
	@media screen and (max-width:570px){
		ul.steplist2 li{font-size:min(max(1vw, 3vw),16px); letter-spacing:-1px;}
	
	}
/*customer*/
