@charset "utf-8";


.company {}
.company .company-tit {}
.company .company-tit .txt {display:flex; justify-content:space-between;}
.company .company-tit .txt h3 {padding:0 0 50px; font-size:var(--fs40); font-weight:700; color:#000; line-height:120%; position:relative;}
.company .company-tit .txt h3:after {
	width:100px; height:7px; background:var(--base1);
	left:0; bottom:0; position:absolute; display:block; content:'';
}
.company .company-tit .txt div  {width:600px;}
.company .company-tit .txt p {color:#000; font-size:var(--fs18);}
.company .company-tit .txt p+p {padding:20px 0 0;}
.company .company-tit .img {height:500px; border-radius:20px; overflow:hidden;}
.company .company-tit .img img {width:100%; height:100%; object-fit:cover;}

.company .company-list {}
.company .company-item {display:flex; flex-direction:column;}
.company .company-item+.company-item {padding:80px 0 0; margin:80px 0 0; border-top:1px solid #ccc;}
.company .company-item h4 {font-size:var(--fs36); font-weight:700; color:#000;}
.company .company-item h4+p {padding:20px 0 0;}
.company .company-item p {font-size:var(--fs18); font-weight:500;}
.company .company-item p.ps {margin:40px 0 0;padding-left:30px; position:relative;}
.company .company-item p b {padding:0 0 20px; color:#000; display:block;}
.company .company-item p.ps:before {width:10px; height:calc(100% - 10px); background:var(--base1); left:0; top:5px; position:absolute; content:''; display:block;}
.company .company-item ul {padding:40px 0 0;}
.company .company-item ul li {}



@media (max-width: 1199px) {
	.company .company-tit .img {height:50vw; min-height:300px;}
	
	.company .company-item+.company-item {padding:60px 0 0; margin:60px 0 0;}
	.company .company-item ul {padding:30px 0 0;}
	
	.company .company-item p.ps {margin:30px 0 0;}
	.company .company-item p.ps:before {width:7px;}
	
}

@media (max-width: 767px) {
	
	.company .company-tit .txt {flex-direction:column;}
	.company .company-tit .txt h3 {padding:0 0 30px; margin:0 0 30px;}
	.company .company-tit .txt h3:after {width:70px; height:4px;}
	
	.company .company-item+.company-item {padding:40px 0 0; margin:40px 0 0;}
	.company .company-item ul {padding:20px 0 0;}
	.company .company-item p b {padding:0 0 10px;}
	.company .company-item p.ps {margin:20px 0 0;}
	.company .company-item p.ps:before {width:5px;}
	
	
}


@media (max-width: 500px) {
	
	
	
	
	
	
	
}