.com-box{}

.tit{font-size: 34px;text-align: center;margin: 35px 0;line-height: 28px;}
.en{text-transform: uppercase;font-size: 40px;color: #eaeaea;margin: 5px 0 -12px 0;font-weight: bold;}
.ch{margin-bottom: 5px;color: #333;letter-spacing: 2px;font-weight: bold;}

.cont1{margin-top:80px;}
.cont1 .cont-box{background-repeat: no-repeat; background-size: cover; background-position: center;}
.cont1 .cont-box__c{display:flex;}
.cont-box__c .l{flex:1; flex-shrink: 0;display:flex; flex-direction: column;}
.cont-box__c .l .name{width:100%;height:395px;background-color: #efefef; display:flex; flex-direction: column;align-items: center;justify-content: center;padding:3rem;color:#999;}
.cont-box__c .l .name p{font-size:2rem; color:#999;font-weight: 500;margin-right:auto;}
.cont-box__c .l .name p:nth-child(1){font-size:3rem;font-family: var(--ff5); font-weight: bold;}
.cont-box__c .l .name p:nth-child(2){color:#000;}
.cont-box__c .l .name:before{content:"“";font-size: 3rem;line-height: 20px;margin-right: auto;font-family: var(--ff2);}
.cont-box__c .l .name:after{content:"”";font-size: 3rem;line-height: 20px;margin-left: auto;font-family: var(--ff2); margin-top: 1rem;}
.cont-box__c .l .logo{margin: 0;
    flex: 1;
    background: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;}
.cont-box__c .r{flex:1;}
.cont-box__c .r .img{width:900px;height:395px;}
.cont-box__c .r .desc{padding:2rem;font-size:17px; }

.cont2{margin-top:50px;}
.cont2 .cont-box{display:flex;}
.cont-box .img{flex-shrink: 0; overflow: hidden;}
.cont-box .img img{max-width:100%;}
.cont-box .text{font-size:17px; padding:50px; line-height: 2; display:flex; align-items: center; flex-direction: column;}
.cont2 .cont-box .text{background:#f5f5f5;}
.cont3 .cont-box{display:flex;flex-direction: row-reverse;}


@media screen and (max-width: 1023px){
	.company .cont1{ margin-top:1rem;}
	.cont1 .cont-box__c{flex-direction: column;}
	.cont-box__c .l{display: none;}
	.cont-box__c .r{}
	.cont-box__c .r .img{width:100%;height: auto;}
	.cont-box__c .r .img img{max-width:100%; height: auto;}
	.cont-box__c .r .text{width:100%;}
	.cont-box__c .r .desc{font-size:1rem; line-height: 2;}
	
	.cont2 .cont-box{flex-direction: column;}
	.cont3 .cont-box{flex-direction: column;}
}

@media screen and (max-width: 767px)
{

}
@media screen and (max-width: 430px)
{
	
}
@media screen and (max-width: 414px)
{
	
}


@media screen and (max-width: 375px)
{
	
}

@media screen and (max-width: 360px)
{
	
}