/* for PC */
@media screen and (min-width:641px )
{

/*ƒgƒbƒv*/
.pc { display: block !important; }
.sp { display: none !important; }
    
      
    @media screen and (min-width:641px) and ( max-width:1920px) {    
        #top-d {
            margin:2vw auto 0 auto; 
            max-width:1920px;
            text-align: center;
    /*      border:1px solid #000;
            box-sizing: border-box;  */ 
        }
        #top-d .r-box{
            width:20vw;
            height:20vw;
            background: #e72d29;
            margin:0 2vw 2vw 2vw;
            position: relative;
            float:left;
        }
        #top-d .r-box .number{
            background: url("../img/n2.svg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:18vw;
            width:18vw;
            margin:1vw;
            position: absolute;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            font-size:0;
        }
        #top-d .sub-copy-t{
            height:20vw;
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            text-align: left;
            float:left;
            display: table;
        }
        #top-d .inner{
            vertical-align: middle;
            display: table-cell;
        }
        #top-d .sub-copy-t .text1{
            font-size:2vw;
            line-height: 0;
        }
        #top-d .sub-copy-t .text2{
            font-size:3.6vw;
            line-height: 0;
            margin-top: 4vw;
        }
          #top-d .sub-copy-t .text3{
            font-size:3.6vw;
            line-height: 5vw;
            margin-top:2.5vw;  
        }
      #top-d .main-pic{
            background: url("../img/top_business_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:33.275vw;
            width:70%;
            margin: 0 auto;
        }
         #top-d .main-pic2{
            background: url("../img/top_business2_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:33.275vw;
            width:70%;
            margin: 0 auto;
        }
         #top-d .main-pic3{
            background: url("../img/top_business3_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:33.275vw;
            width:70%;
            margin: 0 auto;
        }
         #top-d .main-pic4{
            background: url("../img/top_business4_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:33.275vw;
            width:70%;
            margin: 0 auto;
        }
       #top-d .w-bk{
            background:#fff;
            width:60%;
            height:8vw;
            margin: -2.5vw auto 0 auto;
            font-size:2.5vw;
            letter-spacing: 0.25vw;
            color:#000;
            line-height: 8vw;
            font-weight: bold;
            position: relative;
            z-index: 999;
        }
        #topic{
            width: 100%;
            background: #e72d29;
            margin: -3vw 0 0 0;
            padding: 4vw 0 2vw 0;
            z-index: 1;
            position: relative;
        }
        #topic .wrap{
            max-width:1920px;
            margin:0 2vw 0 2vw;
            padding: 0;
        }
        #topic .img1{
            background: url("../img/business_tp1.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:30%;
            margin:4vw 0 0 2%;
            padding-top:22.6%;
            float: left;
        }
        #topic .img2{
            background: url("../img/business_tp2.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:30%;
            margin:4vw 2% 0 0;
            padding-top:22.6%;
            float: left;
        }
        #topic .img3{
            background: url("../img/business_tp3.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:30%;
            margin:4vw 0 0 2%;
            padding-top:22.6%;
            float: left;
        }
        #topic .imgb2-1{
            background: url("../img/business2_tp1.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:30%;
            margin:4vw 2% 0 0;
            padding-top:22.6%;
            float: left;
        }
        #topic .imgb2-2{
            background: url("../img/business2_tp2.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:30%;
            margin:4vw 0 0 2%;
            padding-top:22.6%;
            float: left;
        }
        #topic .wrap2{
            max-width:1920px;
            margin:0 2vw 0 2vw;
            padding: 0;
            display: flex;
            justify-content: space-between;
        }
        #topic .imgb3-1{
            background: url("../img/business3_tp1.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:30%;
            margin:4vw 0 2vw 0;
            padding-top:22.6%;
        }
        #topic .imgb3-2{
            background: url("../img/business3_tp2.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:30%;
            margin:4vw 0 2vw 0;
            padding-top:22.6%;
        }
        #topic .imgb3-3{
            background: url("../img/business3_tp3.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:30%;
            margin:4vw 0 2vw 0;
            padding-top:22.6%;
        }
         #topic .imgb4-1{
            background: url("../img/business4_tp1.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:30%;
            margin:4vw 0 2vw 0;
            padding-top:22.6%;
        }
        #topic .imgb4-2{
            background: url("../img/business4_tp2.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:30%;
            margin:4vw 0 2vw 0;
            padding-top:22.6%;
        }
        #topic .imgb4-3{
            background: url("../img/business4_tp3.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:30%;
            margin:4vw 0 2vw 0;
            padding-top:22.6%;
        }
       #topic .text-area{
            width:68%;
            margin:4vw 0 0 0;
            padding:0;
            float: left;
        }
        #topic .text-area2{
            width:100%;
            margin:5vw 0 0 0;
            padding:0;
        }

        #topic .text1{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            font-size:3vw;
            line-height: 4vw;
            color:#fff;
            letter-spacing: 0.25vw;
            border-bottom: 0.15vw solid #ffff;
            margin:-0.5vw 0 0 0;
            padding:0;
            text-align: left;
        }
        #topic .text2{
            text-align: right;
            font-size:1.75vw;
            line-height: 3vw;
            color:#fff;
            margin:2vw 0 0 0;
            padding:0;
            text-align: left;
        }
         #topic .text1-2{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            font-size:3vw;
            line-height: 3.5vw;
            color:#fff;
            letter-spacing: 0.25vw;
            margin:-0.5vw 0 -0.5vw 0;
            padding:0;
            text-align: left; 
        }

        #portfolio .sub-copy-t-b{
            font-weight: bold;
            font-size:2.75vw;
            line-height: 6vw;
            color:#000;
            text-align: center;
            border-bottom:0.15vw solid #000; 
            margin:0 2vw 0 2vw;
        }
        
        #contact-link{
            margin:3vw auto 0 auto; 
            max-width:1920px;
            font-size:2vw;
            line-height: 6vw;
            color:#000;
            text-align: center;
            position: relative;
        }
        #contact-link .bt{
            border-top:0.1vw dotted #000;
            margin: 0 2vw;
            padding: 0;
        }
        #contact-link .btn{
            height:8vw;
            margin:0 2vw;
            padding: 0;
            background: #e72d29;
            transition-duration: 0.3s;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-end;
        }
        #contact-link .btn .text{
            width:84%;
            padding: 0;
            marign-right:5%;
            font-size:2.5vw;
            line-height: 6vw;
            font-weight: bold;
            color:#fff;
            text-align: left;
            letter-spacing: 0.05em;
            transition-duration: 0.3s;
        }
        #contact-link .btn:hover{
            background: #000;
        }
        #contact-link .btn .free{
           width:7%;    
           background: url("../img/business_free.svg") no-repeat;
           background-position: center;
           background-size: contain; 
           padding:7% 0 0 0;
           margin:0 2% 0 2%;
        }      
        #contact-link .btn .arrow{
            color:#fff;
            width:5%;    
            padding:0 0 0 0;
            text-align: center;
        }      
        #contact-link .btn .arrow::after{
            content: '\e5e1';
            font-family: 'Material Icons';
            font-weight: 200;
            font-size:2.5vw;
        }
        #business-link{
            max-width: 1920px;
            background: #e72d29;
            font-size:2.75vw;
            line-height: 6vw;
            color:#fff;
            text-align: center;
            margin: 4vw 0 0 0;
            padding:0.5vw 0 0 0;
            position: relative;
        }
        #business-link .wrap{
            margin:1vw 2vw 0 2vw;
            padding: 0;
            display: flex;
            flex-direction: row;
            align-items: center;
            flex-wrap: wrap; 
        }
        #business-link .btn{
            width:48.5%;
            height:8vw;
            padding: 0;
            background: #000;
            transition-duration: 0.3s;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-end;

        }
        #business-link .btn:nth-child(1){
            margin:0 1.5% 1.5vw 0;
        }
        #business-link .btn:nth-child(2){
            margin:0 0 1.5vw 0;
        }
        #business-link .btn:nth-child(3){
            margin:0 1.5% 2vw 0;
        }
        #business-link .btn:nth-child(4){
            margin:0 0 2vw 0;
        }
        #business-link .btn .text{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            width:86%;
            padding: 0;
            marign-right:5%;
            font-size:2.5vw;
            line-height: 3vw;
            font-weight: bold;
            color:#fff;
            text-align: left;
            letter-spacing: 0.05em;
        }
        #business-link .btn .cap{
            font-size:2vw;
            line-height: 3vw;
            color:#fff;
            text-align: left;
            letter-spacing: 0.05em;
        }
        #business-link .btn:hover{
            background: rgba(0,0,0,0.5);
        }
        #business-link .btn .arrow{
            color:#fff;
            width:9%;    
            padding:0 0 0 0;
            text-align: center;
        }      
        #business-link .btn .arrow::after{
            content: '\e5e1';
            font-family: 'Material Icons';
            font-weight: 200;
            font-size:2.5vw;
        }
        
        #business-top{
            margin:1vw auto 5vw auto; 
            max-width:1920px;
            text-align: center;

        }
        #business-top .c-left{
            height:23.5vw;
            width:47%;
            position: relative;
            transition-duration: 0.3s;
            margin: 0 0 2vw 2vw;
            float:left;
            overflow: hidden;
        }    

       #business-top .c-left .bg-pic1{
            background: url("../img/top_business_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:23.5vw;
            width:100%;
            transition: transform .6s ease;
        }
        #business-top .c-left:hover .bg-pic1 {
            transform: scale(1.1);
        }
        #business-top .c-left .bg-pic2{
            background: url("../img/top_business2_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:23.5vw;
            width:100%;
            transition: transform .6s ease;
        }
        #business-top .c-left:hover .bg-pic2 {
            transform: scale(1.1);
        }   
        #business-top .c-left .bg-pic3{
            background: url("../img/top_business3_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:23.5vw;
            width:100%;
            transition: transform .6s ease;
        }
        #business-top .c-left:hover .bg-pic3 {
            transform: scale(1.1);
        }   
        #business-top .c-left .bg-pic4{
            background: url("../img/top_business4_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:23.5vw;
            width:100%;
            transition: transform .6s ease;
        }
        #business-top .c-left:hover .bg-pic4 {
            transform: scale(1.1);
        }   
        #business-top .c-left .text-area {
            background: rgba(0,0,0,0.7);
            height:10vw;
            width:100%;
            position: absolute;
            top:35%;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-end;
        }
   
        #business-top .c-left .text-area .text{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            font-size:2.5vw;
            line-height: 3.5vw;
            text-align: center;
            color:#fff;
            margin-left: 5%;
            width:95%
        }
        #business-top .c-left .text-area .text .cap{
            font-size:2vw;
            line-height: 3.5vw;
            text-align: center;
            color:#fff;
        }

        #business-top .c-left .text-area .arrow{
            color:#fff;
            width:5%;    
            padding:0 2vw 0 0;
        }      
        #business-top .c-left .text-area .arrow::after{
            content: '\e5e1';
            font-family: 'Material Icons';
            font-weight: 200;
            font-size:3vw;
        }
        #business-top .c-left:hover .text-area .arrow{
            padding:0 1vw 0 1vw;
        }
        #business-top .c-left:hover .text-area {
            background: rgba(0,0,0,0.9);
        }
 
    }
    
    @media screen and (min-width:1921px)  {
        #top-d{
            margin:40px auto 0 auto; 
            width:1920px;
            text-align: center;
    /*      border:1px solid #000;
            box-sizing: border-box;  */   
        }
        #top-d .r-box{
            width:384px;
            height:384px;
            background: #e72d29;
            margin:0 40px 40px 40px;
            position: relative;
            float:left;
        }
        #top-d .r-box .number{
            background: url("../img/n2.svg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:352px;
            width:352px;
            margin:16px;
            position: absolute;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            font-size:0;

        }
        #top-d .sub-copy-t{
            height:384px;
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            text-align: left;
            float:left;
            display: table;
        }
        #top-d .inner{
            vertical-align: middle;
            display: table-cell;
        }
        #top-d .sub-copy-t .text1{
            font-size:40px;
            line-height: 0;
        }
        #top-d .sub-copy-t .text2{
            font-size:70px;
            line-height: 0;
            margin-top: 77px;
        }
        #top-d .sub-copy-t .text3{
            font-size:70px;
            line-height: 96px;
            margin-top:48px;  
        }

        #top-d .main-pic{
            background: url("../img/top_business_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:672px;
            width:1344px;
            margin: 0 auto;
        }
        #top-d .main-pic2{
            background: url("../img/top_business2_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:672px;
            width:1344px;
            margin: 0 auto;
        }
       #top-d .main-pic3{
            background: url("../img/top_business3_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:672px;
            width:1344px;
            margin: 0 auto;
        }
       #top-d .main-pic4{
            background: url("../img/top_business4_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:672px;
            width:1344px;
            margin: 0 auto;
        }
        #top-d .w-bk{
            background:#fff;
            width:1152px;
            height:155px;
            margin: -48px auto 0 auto;
            font-size:48px;
            color:#000;
            line-height: 155px;
            font-weight: bold;
            position: relative;
            z-index: 999;
        }
        #topic{
            width:1920px;
            background: #e72d29;
            margin: -48px auto 0 auto;
            padding-bottom: 40px;
            position: relative;
            z-index: 1;
        }
        #topic .wrap{
            width:1840px;
            margin:0 40px;
            padding: 0;
            position: relative;
        }
        #topic .img1{
            background: url("../img/business_tp1.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:576px;
            margin:110px 0 0 38px;
            padding-top:434px;
            float: left;
        }
        #topic .img2{
            background: url("../img/business_tp2.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:576px;
            margin:110px 38px 0 0;
            padding-top:434px;
            float: left;
        }
        #topic .img3{
            background: url("../img/business_tp3.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:576px;
            margin:110px 0 0 38px;
            padding-top:434px;
            float: left;
        }
        #topic .imgb2-1{
            background: url("../img/business2_tp1.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:576px;
            margin:110px 38px 0 0;
            padding-top:434px;
            float: left;
        }
        #topic .imgb2-2{
            background: url("../img/business2_tp2.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:576px;
            margin:110px 0 0 38px;
            padding-top:434px;
            float: left;
        }    
        #topic .wrap2{
            width:1840px;
            margin:0 40px;
            padding: 0;
            display: flex;
            justify-content: space-between;
        }
        #topic .imgb3-1{
            background: url("../img/business3_tp1.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:576px;
            margin:110px 0 38px 0;
            padding-top:434px;
        }
        #topic .imgb3-2{
            background: url("../img/business3_tp2.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:576px;
            margin:110px 0 38px 0;
            padding-top:434px;
        }
        #topic .imgb3-3{
            background: url("../img/business3_tp3.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:576px;
            margin:110px 0 38px 0;
            padding-top:434px;
        }
        #topic .imgb4-1{
            background: url("../img/business4_tp1.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:576px;
            margin:110px 0 38px 0;
            padding-top:434px;
        }
        #topic .imgb4-2{
            background: url("../img/business4_tp2.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:576px;
            margin:110px 0 38px 0;
            padding-top:434px;
        }
        #topic .imgb4-3{
            background: url("../img/business4_tp3.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:576px;
            margin:110px 0 38px 0;
            padding-top:434px;
        }
        #topic .text-area{
            width:1226px;
            margin:110px 0 0 0;
            padding:0;
            float: left;
        }
         #topic .text-area2{
            width:1920px;
            margin:160px 0 0 0;
            padding:0;
            float: left;
        }
        #topic .text-area-r{
           width:1226px;
            margin:110px 0 0 0;
            padding:0;
           float: left;
             
        }
       #topic .text1{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            font-size:58px;
            line-height: 100px;
            color:#fff;
            letter-spacing: 0.05em;
            border-bottom: 3px solid #ffff;
            margin:-10px 0 0 0;
            padding:0;
            text-align: left;
        }
        #topic .text2{
            text-align: right;
            font-size:34px;
            line-height: 58px;
            color:#fff;
            margin:38px 0 0 0;
            padding:0;
            text-align: left;
        }
        #topic .text1-2{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            font-size:58px;
            line-height: 77px;
            color:#fff;
            letter-spacing: 0.05em;
            margin:-10px 0;
            padding:0;
            text-align: left; 
        }
        
        #portfolio .sub-copy-t-b{
            font-weight: bold;
            font-size:53px;
            line-height: 117px;
            color:#000;
            text-align: center;
            border-bottom:3px solid #000; 
            margin:0 40px;
        }
            
        #contact-link{
            margin:58px auto 0 auto; 
            width:1920px;
            font-size:38px;
            line-height: 115px;
            color:#000;
            position: relative;
            text-align: center;
        }
        #contact-link .bt{
            border-top:2px dotted #000;
            margin: 0 40px;
            padding: 0;
        }
        #contact-link .btn{
            height:153px;
            margin:0 40px;
            padding: 0;
            background: #e72d29;
            transition-duration: 0.3s;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-end;
        }
        #contact-link .btn .text{
            width:84%;
            padding: 0;
            marign-right:5%;
            font-size:48px;
            line-height: 115px;
            font-weight: bold;
            color:#fff;
            text-align: left;
            letter-spacing: 0.05em;
            transition-duration: 0.3s;
        }
        #contact-link .btn:hover{
            background: #000;
        }
        #contact-link .btn .free{
           width:7%;    
           background: url("../img/business_free.svg") no-repeat;
           background-position: center;
           background-size: contain; 
           padding:7% 0 0 0;
           margin:0 2% 0 2%;
        }      
        #contact-link .btn .arrow{
            color:#fff;
            width:5%;    
            padding:0 0 0 0;
            text-align: center;
        }      
        #contact-link .btn .arrow::after{
            content: '\e5e1';
            font-family: 'Material Icons';
            font-weight: 200;
            font-size:48px;
        }
       #business-link{
            width: 1920px;
            background: #e72d29;
            font-size:53px;
            line-height: 115px;
            color:#fff;
            text-align: center;
            margin: 77px auto 0 auto;
            padding:10px 0 0 0;
            position: relative;
        }
        #business-link .wrap{
            margin:20px 38px 0 38px;
            padding: 0;
            display: flex;
            flex-direction: row;
            align-items: center;
            flex-wrap: wrap; 
        }
        #business-link .btn{
            width:48.5%;
            height:153px;
            padding: 0;
            background: #000;
            transition-duration: 0.3s;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-end;

        }
        #business-link .btn:nth-child(1){
            margin:0 1.5% 28px 0;
        }
        #business-link .btn:nth-child(2){
            margin:0 0 28px 0;
        }
        #business-link .btn:nth-child(3){
            margin:0 1.5% 38px 0;
        }
        #business-link .btn:nth-child(4){
            margin:0 0 38px 0;
        }
        #business-link .btn .text{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            width:86%;
            padding: 0;
            marign-right:5%;
            font-size:32px;
            line-height: 58px;
            font-weight: bold;
            color:#fff;
            text-align: left;
            letter-spacing: 0.05em;
        }
        #business-link .btn .cap{
            font-size:38px;
            line-height: 58px;
            color:#fff;
            text-align: left;
            letter-spacing: 0.05em;
        }
        #business-link .btn:hover{
            background: rgba(0,0,0,0.5);
        }
        #business-link .btn .arrow{
            color:#fff;
            width:9%;    
            padding:0 0 0 0;
            text-align: center;
        }      
        #business-link .btn .arrow::after{
            content: '\e5e1';
            font-family: 'Material Icons';
            font-weight: 200;
            font-size:48px;
        }
       #business-top{
            margin:20px auto 95px auto; 
            width:1920px;
            text-align: center;

        }
        #business-top .c-left{
            height:460px;
            width:920px;
            position: relative;
            transition-duration: 0.3s;
            margin: 0 0 40px 40px;
            float:left;
            overflow: hidden;
        }    

       #business-top .c-left .bg-pic1{
            background: url("../img/top_business_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:460px;
            width:100%;
            transition: transform .6s ease;
        }
        #business-top .c-left:hover .bg-pic1 {
            transform: scale(1.1);
        }
        #business-top .c-left .bg-pic2{
            background: url("../img/top_business2_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:460px;
            width:100%;
            transition: transform .6s ease;
        }
        #business-top .c-left:hover .bg-pic2 {
            transform: scale(1.1);
        }   
        #business-top .c-left .bg-pic3{
            background: url("../img/top_business3_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:460px;
            width:100%;
            transition: transform .6s ease;
        }
        #business-top .c-left:hover .bg-pic3 {
            transform: scale(1.1);
        }   
        #business-top .c-left .bg-pic4{
            background: url("../img/top_business4_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:460px;
            width:100%;
            transition: transform .6s ease;
        }
        #business-top .c-left:hover .bg-pic4 {
            transform: scale(1.1);
        }   
        #business-top .c-left .text-area {
            background: rgba(0,0,0,0.7);
            height:180px;
            width:100%;
            position: absolute;
            top:140px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-end;
        }
   
        #business-top .c-left .text-area .text{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            font-size:48px;
            line-height: 67px;
            text-align: center;
            color:#fff;
            margin-left: 5%;
            width:95%
        }
        #business-top .c-left .text-area .text .cap{
            font-size:38px;
            line-height: 67px;
            text-align: center;
            color:#fff;
        }

        #business-top .c-left .text-area .arrow{
            color:#fff;
            width:5%;    
            padding:0 2vw 0 0;
        }      
        #business-top .c-left .text-area .arrow::after{
            content: '\e5e1';
            font-family: 'Material Icons';
            font-weight: 200;
            font-size:58px;
        }
        #business-top .c-left:hover .text-area .arrow{
            padding:0 20px;
        }
        #business-top .c-left:hover .text-area {
            background: rgba(0,0,0,0.9);
        }        
    }


}

/* for SP */
@media screen and (max-width:640px )
{
	.pc { display: none !important; }
	.sp { display: block !important; }
 
    @media screen and (min-width:320px) and ( max-width:640px) {
        header .logo{
            background: url("../img/logo.svg")no-repeat;
            background-position: center center;
            background-size: contain;
            padding-top:12%;
            left:2vw;
            top:2vw;
            width:23.5%;
            position: absolute;
        }
        header .ajust{
            top:3.5vw;
        }

       #top-d{
            margin:16vw auto 0 auto;
            min-width:320px;
            text-align: center;
            border-top:1vw solid #000;
        }
       #top-d .r-box{
            width:30vw;
            height:30vw;
            background: #e72d29;
            margin:4vw auto 0 auto;
            position: relative;
        }
       #top-d .r-box .number{
            background: url("../img/n2.svg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:28vw;
            width:28vw;
            margin:1vw;
            position: absolute;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            font-size:0;
        }
       #top-d .sub-copy-t{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            text-align: center;
            margin:6vw auto 0 auto;
        }
        #top-d .inner{
            text-align: center;
        }
        #top-d .sub-copy-t .text1{
            font-size:3.25vw;
            line-height: 0;
        }
        #top-d .sub-copy-t .text2{
            font-size:6vw;
            line-height: 0;
            margin-top: 6vw;
        }
        #top-d .sub-copy-t .text3{
            font-size:3.6vw;
            line-height: 5vw;
            margin-top:2.5vw;  
        }
        #top-d .main-pic{
            background: url("../img/top_business_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:45vw;
            width:90%;
            margin: 0 auto;
        }
        #top-d .main-pic2{
            background: url("../img/top_business2_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:45vw;
            width:90%;
            margin: 0 auto;
        }
        #top-d .main-pic3{
            background: url("../img/top_business3_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:45vw;
            width:90%;
            margin: 0 auto;
        }
        #top-d .main-pic4{
            background: url("../img/top_business4_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:45vw;
            width:90%;
            margin: 0 auto;
        }
        #top-d .w-bk{
            background:#fff;
            width:80%;
            height:10vw;
            margin: -3.5vw auto 0 auto;
            font-size:3.5vw;
            color:#000;
            line-height: 10vw;
            font-weight: bold;
            position: relative;
            z-index:999;
        }
       #topic{
            width: 100%;
            background: #e72d29;
            margin: -3vw 0 0 0;
            padding: 4vw 0 4vw 0;
            z-index: 1;
            position: relative;
        }
        #topic .wrap{
            min-width:320px;
            margin:0 2vw 0 2vw;
            padding: 0;
        }
        #topic .img1{
            background: url("../img/business_tp1.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:50%;
            margin:2vw auto 0 auto;
            padding-top:37.75%;
        }
        #topic .img2{
            background: url("../img/business_tp2.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:50%;
            margin:2vw auto 0 auto;
            padding-top:37.75%;
        }
        #topic .img3{
            background: url("../img/business_tp3.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:50%;
            margin:2vw auto 0 auto;
            padding-top:37.75%;
        }
        #topic .imgb2-1{
            background: url("../img/business2_tp1.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:50%;
            margin:2vw auto 0 auto;
            padding-top:37.75%;
        }
        #topic .imgb2-2{
            background: url("../img/business2_tp2.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:50%;
            margin:2vw auto 0 auto;
            padding-top:37.75%;
        }
        #topic .wrap2{
            min-width:320px;
            margin:-6vw 2vw 0 2vw;
            padding: 0;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;   
        }
        #topic .imgb3-1{
            background: url("../img/business3_tp1.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:48%;
            margin:2vw auto 0 auto;
            padding-top:37.75%;
        }
        #topic .imgb3-2{
            background: url("../img/business3_tp2.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:48%;
            margin:2vw auto 0 auto;
            padding-top:37.75%;
        }
        
         #topic .imgb3-3{
            background: url("../img/business3_tp3.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:48%;
            margin:0.5vw auto 0 auto;
            padding-top:37.75%;
        }
        #topic .imgb4-1{
            background: url("../img/business4_tp1.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:48%;
            margin:2vw auto 0 auto;
            padding-top:37.75%;
        }
        #topic .imgb4-2{
            background: url("../img/business4_tp2.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:48%;
            margin:2vw auto 0 auto;
            padding-top:37.75%;
        }
        
         #topic .imgb4-3{
            background: url("../img/business4_tp3.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:48%;
            margin:0.5vw auto 0 auto;
            padding-top:37.75%;
        }
       #topic .text-area{
            width:100%;
            margin:4vw 0 0 0;
            padding:0;
        }
        #topic .text-area2{
            width:100%;
            margin:5vw 0 8vw 0;
            padding:0;
        }
       #topic .text1{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            font-size:5vw;
            line-height: 7vw;
            color:#fff;
            letter-spacing: 0.25vw;
            border-bottom: 0.25vw solid #ffff;
            margin:-0.5vw 0 0 0;
            padding:0;
            text-align: center
        }
        #topic .text2{
            text-align: center;
            font-size:3vw;
            line-height: 4.75vw;
            color:#fff;
            margin:2vw 0 0 0;
            padding:0;
        }
        #topic .text1-2{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            font-size:5vw;
            line-height: 7vw;
            color:#fff;
            letter-spacing: 0.05em;
            margin:-0.5vw 0;
            padding:0;
            text-align: center
        }
        #portfolio .sub-copy-t-b{
            font-weight: bold;
            font-size:4.5vw;
            line-height: 8vw;
            color:#000;
            text-align: center;
            margin:3vw auto 0 auto;
        }
        
        #contact-link{
            margin:6vw auto 0 auto; 
            min-width:320px;
            font-size:3vw;
            line-height: 10vw;
            color:#000;
            position: relative;
            text-align: center;
        }
        #contact-link .bt{
            border-top:0.25vw dotted #000;
            margin: 0 2vw;
            padding: 0;
        }
        #contact-link .btn{
            height:14vw;
            margin:0 2vw;
            padding: 0;
            background: #e72d29;
            transition-duration: 0.3s;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-end;
        }
        #contact-link .btn .text{
            width:70%;
            padding: 0;
            marign-right:0;
            font-size:3.75vw;
            line-height: 5vw;
            font-weight: bold;
            color:#fff;
            text-align: left;
            letter-spacing: 0.07em;
            transition-duration: 0.3s;
        }
        #contact-link .btn:hover{
            background: #000;
        }
        #contact-link .btn .free{
           width:11%;    
           background: url("../img/business_free.svg") no-repeat;
           background-position: center;
           background-size: contain; 
           padding:11% 0 0 0;
           margin:0 4% 0 3%;
        }      
        #contact-link .btn .arrow{
            color:#fff;
            width:12%;    
            padding:0 0 0 0;
            text-align: center;
        }      
        #contact-link .btn .arrow::after{
            content: '\e5e1';
            font-family: 'Material Icons';
            font-weight: 200;
            font-size:4vw;
        }
        #business-link{
            min-width: 320px;
            background: #e72d29;
            font-size:4vw;
            line-height: 12vw;
            color:#fff;
            text-align: center;
            margin: 4vw 0 0 0;
            padding: 2vw 0 0 0;
            position: relative;
        }
        #business-link .wrap{
            margin:1vw 2vw 0 2vw;
            padding: 0;
            display: flex;
            flex-direction: row;
            align-items: center;
            flex-wrap: wrap; 
        }
        #business-link .btn{
            width:100%;
            height:14vw;
            padding: 0;
            background: #000;
            transition-duration: 0.3s;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-end;

        }
        #business-link .btn:nth-child(1){
            margin:0 0 2vw 0;
        }
        #business-link .btn:nth-child(2){
            margin:0 0 2vw 0;
        }
        #business-link .btn:nth-child(3){
            margin:0 0 2vw 0;
        }
        #business-link .btn:nth-child(4){
            margin:0 0 2vw 0;
        }
        #business-link .btn .text{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            width:86%;
            padding: 0;
            marign-right:5%;
            font-size:4vw;
            line-height: 4.5vw;
            font-weight: bold;
            color:#fff;
            text-align: left;
            letter-spacing: 0.05em;
        }
        #business-link .btn .cap{
            font-size:3vw;
            line-height: 4.5vw;
            color:#fff;
            text-align: left;
            letter-spacing: 0.05em;
        }
        #business-link .btn:hover{
            background: rgba(0,0,0,0.5);
        }
        #business-link .btn .arrow{
            color:#fff;
            width:9%;    
            padding:0 0 0 0;
            text-align: center;
        }      
        #business-link .btn .arrow::after{
            content: '\e5e1';
            font-family: 'Material Icons';
            font-weight: 200;
            font-size:4vw;
        }
        
        #business-top{
            margin:1vw 2vw 5vw 2vw; 
            min-width:320px;
            text-align: center;

        }
        #business-top .c-left{
            width:96vw;
            position: relative;
            transition-duration: 0.3s;
            margin: 0 0 2vw 0;
            overflow: hidden;
        }    

       #business-top .c-left .bg-pic1{
            background: url("../img/top_business_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:48vw;
            width:100%;
            transition: transform .6s ease;
        }
        #business-top .c-left:hover .bg-pic1 {
            transform: scale(1.1);
        }
        #business-top .c-left .bg-pic2{
            background: url("../img/top_business2_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:48vw;
            width:100%;
            transition: transform .6s ease;
        }
        #business-top .c-left:hover .bg-pic2 {
            transform: scale(1.1);
        }   
        #business-top .c-left .bg-pic3{
            background: url("../img/top_business3_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:48vw;
            width:100%;
            transition: transform .6s ease;
        }
        #business-top .c-left:hover .bg-pic3 {
            transform: scale(1.1);
        }   
        #business-top .c-left .bg-pic4{
            background: url("../img/top_business4_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:48vw;
            width:100%;
            transition: transform .6s ease;
        }
        #business-top .c-left:hover .bg-pic4 {
            transform: scale(1.1);
        }   
        #business-top .c-left .text-area {
            background: rgba(0,0,0,0.7);
            height:16vw;
            width:100%;
            position: absolute;
            top:35%;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-end;
        }
   
        #business-top .c-left .text-area .text{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            font-size:4vw;
            line-height: 5vw;
            text-align: center;
            color:#fff;
            margin-left: 5%;
            width:95%
        }
        #business-top .c-left .text-area .text .cap{
            font-size:3vw;
            line-height: 5vw;
            text-align: center;
            color:#fff;
        }

        #business-top .c-left .text-area .arrow{
            color:#fff;
            width:5%;    
            padding:0 2vw 0 0;
        }      
        #business-top .c-left .text-area .arrow::after{
            content: '\e5e1';
            font-family: 'Material Icons';
            font-weight: 200;
            font-size:4vw;
        }
        #business-top .c-left:hover .text-area .arrow{
            padding:0 1vw 0 1vw;
        }
        #business-top .c-left:hover .text-area {
            background: rgba(0,0,0,0.9);
        }       
    }
    @media screen and (max-width:319px) { 
        header .logo{
            background: url("../img/logo.svg")no-repeat;
            background-position: center center;
            background-size: contain;
            padding-top:38px;
            left:6.5px;
            top:6.5px;
            width:73px;
            position: absolute;
        }
        header .ajust{
            top:11.2px;
        }

       #top-d{
            margin:50px auto 0 auto; 
            text-align: center;
            border-top:3.25px solid #000;
        }
       #top-d .r-box{
            width:96px;
            height:96px;
            background: #e72d29;
            margin:12px auto 0 auto;
            position: relative;
        }
       #top-d .r-box .number{
            background: url("../img/n2.svg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:90px;
            width:90px;
            margin:3px;
            position: absolute;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            font-size:0;
        }
       #top-d .sub-copy-t{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            text-align: center;
            margin:20px auto 12px auto;
        }
         #top-d .inner{
            text-align: center;
        }
        #top-d .sub-copy-t .text1{
            font-size:10.5px;
            
        }
        #top-d .sub-copy-t .text2{
            font-size:18px;
            margin-top: 20px;
        }
          #top-d .sub-copy-t .text3{
            font-size:12px;
            line-height: 18px;
            margin-top:8px;  
        }
        #top-d .main-pic{
            background: url("../img/top_business_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:144px;
            width:288px;
            margin: 0 auto;
        }
        #top-d .main-pic2{
            background: url("../img/top_business2_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:144px;
            width:288px;
            margin: 0 auto;
        }
        #top-d .main-pic3{
            background: url("../img/top_business3_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:144px;
            width:288px;
            margin: 0 auto;
        }
        #top-d .main-pic4{
            background: url("../img/top_business4_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:144px;
            width:288px;
            margin: 0 auto;
        }
        #top-d .main-pic2{
            background: url("../img/top_business2_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:144px;
            width:288px;
            margin: 0 auto;
        }
        #top-d .w-bk{
            background:#fff;
            width:256px;
            height:32px;
            margin: -10px auto 0 auto;
            font-size:10px;
            color:#000;
            line-height: 32px;
            font-weight: bold;
            z-index:999;
            position: relative;
        }
        #topic{
            width: 320px;
            background: #e72d29;
            margin: -10px 0 0 0;
            padding: 14px 0 14px 0;
            z-index: 1;
            position: relative;
        }
       #topic .wrap{
            min-width:320px;
            margin:0 7px 0 7px;
            padding: 0;
        }
        #topic .img1{
            background: url("../img/business_tp1.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:160px;
            margin:7px auto 0 auto;
            padding-top:120px;
        }
        #topic .img2{
            background: url("../img/business_tp2.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:160px;
            margin:7px auto 0 auto;
            padding-top:120px;
        }
        #topic .img3{
            background: url("../img/business_tp3.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:160px;
            margin:7px auto 0 auto;
            padding-top:120px;
        }
        #topic .imgb2-1{
            background: url("../img/business2_tp1.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:160px;
            margin:7px auto 0 auto;
            padding-top:120px;
        }
        #topic .imgb2-2{
            background: url("../img/business2_tp2.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:160px;
            margin:7px auto 0 auto;
            padding-top:120px;
        }
        #topic .wrap2{
            min-width:320px;
            margin:-20px 7px 0 7px;
            padding: 0;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;   
        }
        #topic .imgb3-1{
            background: url("../img/business3_tp1.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:150px;
            margin:7px auto 0 auto;
            padding-top:120px;
        }
        #topic .imgb3-2{
            background: url("../img/business3_tp2.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:150px;
            margin:7px auto 0 auto;
            padding-top:120px;
        }
        #topic .imgb3-3{
            background: url("../img/business3_tp3.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:150px;
            margin:7px auto 0 auto;
            padding-top:120px;
        }
         #topic .imgb4-1{
            background: url("../img/business4_tp1.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:150px;
            margin:7px auto 0 auto;
            padding-top:120px;
        }
        #topic .imgb4-2{
            background: url("../img/business4_tp2.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:150px;
            margin:7px auto 0 auto;
            padding-top:120px;
        }
        #topic .imgb4-3{
            background: url("../img/business4_tp3.jpg")no-repeat;
            background-position: center center;
            background-size: contain;
            width:150px;
            margin:7px auto 0 auto;
            padding-top:120px;
        }
        #topic .text-area{
            width:320px;
            margin:14px 0 0 0;
            padding:0;
        }
        #topic .text-area2{
            width:320px;
            margin:16px 0 26px 0;
            padding:0;
        }
       #topic .text1{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            font-size:14px;
            line-height: 19px;
            color:#fff;
            letter-spacing:1px;
            border-bottom: 1px solid #ffff;
            margin:-2px 0 0 0;
            padding:0;
            text-align: center
        }
        #topic .text2{
            text-align: center;
            font-size:8px;
            line-height: 14px;
            color:#fff;
            margin:7px 0 0 0;
            padding:0;
        }
        #topic .text1-2{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            font-size:14px;
            line-height: 19px;
            color:#fff;
            letter-spacing:1px;
            margin:-2px 0;
            padding:0;
            text-align: center
        }
       #portfolio .sub-copy-t-b{
            font-weight: bold;
            font-size:15px;
            line-height: 26px;
            color:#000;
            text-align: center;
            margin:1px auto 0 auto;
        }
        #contact-link{
            margin:20px auto 0 auto; 
            width:320px;
            font-size:10px;
            line-height: 32px;
            color:#000;
            position: relative;
            text-align: center;
        }
        #contact-link .bt{
            border-top:1px dotted #000;
            margin: 0 14px;
            padding: 0;
        }
        #contact-link .btn{
            height:45px;
            margin:0 6.5px;
            padding: 0;
            background: #e72d29;
            transition-duration: 0.3s;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-end;
        }
        #contact-link .btn .text{
            width:70%;
            padding: 0;
            marign-right:0;
            font-size:12px;
            line-height: 16px;
            font-weight: bold;
            color:#fff;
            text-align: left;
            letter-spacing: 0.07em;
            transition-duration: 0.3s;
        }
        #contact-link .btn:hover{
            background: #000;
        }
        #contact-link .btn .free{
           width:11%;    
           background: url("../img/business_free.svg") no-repeat;
           background-position: center;
           background-size: contain; 
           padding:11% 0 0 0;
           margin:0 4% 0 3%;
        }      
        #contact-link .btn .arrow{
            color:#fff;
            width:12%;    
            padding:0 0 0 0;
            text-align: center;
        }      
        #contact-link .btn .arrow::after{
            content: '\e5e1';
            font-family: 'Material Icons';
            font-weight: 200;
            font-size:12px;
        }
        #business-link{
            width: 320px;
            background: #e72d29;
            font-size:12px;
            line-height: 38px;
            color:#fff;
            text-align: center;
            margin: 12px 0 0 0;
            padding: 6px 0 0 0;
            position: relative;
        }
        #business-link .wrap{
            margin:4px 6px 0 6px;
            padding: 0;
            display: flex;
            flex-direction: row;
            align-items: center;
            flex-wrap: wrap; 
        }
        #business-link .btn{
            width:100%;
            height:45px;
            padding: 0;
            background: #000;
            transition-duration: 0.3s;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-end;

        }
        #business-link .btn:nth-child(1){
            margin:0 0 6px 0;
        }
        #business-link .btn:nth-child(2){
            margin:0 0 6px 0;
        }
        #business-link .btn:nth-child(3){
            margin:0 0 6px 0;
        }
        #business-link .btn:nth-child(4){
            margin:0 0 6px 0;
        }
        #business-link .btn .text{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            width:86%;
            padding: 0;
            marign-right:5%;
            font-size:12px;
            line-height: 14px;
            font-weight: bold;
            color:#fff;
            text-align: left;
            letter-spacing: 0.05em;
        }
        #business-link .btn .cap{
            font-size:10px;
            line-height: 14px;
            color:#fff;
            text-align: left;
            letter-spacing: 0.05em;
        }
        #business-link .btn:hover{
            background: rgba(0,0,0,0.5);
        }
        #business-link .btn .arrow{
            color:#fff;
            width:9%;    
            padding:0 0 0 0;
            text-align: center;
        }      
        #business-link .btn .arrow::after{
            content: '\e5e1';
            font-family: 'Material Icons';
            font-weight: 200;
            font-size:12px;
        }
         
        #business-top{
            margin:4px 6px 16px 6px; 
            width:308px;
            text-align: center;

        }
        #business-top .c-left{
            height:155px;
            width:100%;
            position: relative;
            transition-duration: 0.3s;
            margin: 0 0 6px 0;
            overflow: hidden;
        }    

       #business-top .c-left .bg-pic1{
            background: url("../img/top_business_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:155px;
            width:100%;
            transition: transform .6s ease;
        }
        #business-top .c-left:hover .bg-pic1 {
            transform: scale(1.1);
        }
        #business-top .c-left .bg-pic2{
            background: url("../img/top_business2_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:155px;
            width:100%;
            transition: transform .6s ease;
        }
        #business-top .c-left:hover .bg-pic2 {
            transform: scale(1.1);
        }   
        #business-top .c-left .bg-pic3{
            background: url("../img/top_business3_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:155px;
            width:100%;
            transition: transform .6s ease;
        }
        #business-top .c-left:hover .bg-pic3 {
            transform: scale(1.1);
        }   
        #business-top .c-left .bg-pic4{
            background: url("../img/top_business4_pic.jpg")no-repeat;
            background-position: center center;
            background-size:contain;
            padding-top:155px;
            width:100%;
            transition: transform .6s ease;
        }
        #business-top .c-left:hover .bg-pic4 {
            transform: scale(1.1);
        }   
        #business-top .c-left .text-area {
            background: rgba(0,0,0,0.7);
            height:52px;
            width:100%;
            position: absolute;
            top:35%;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-end;
        }
   
        #business-top .c-left .text-area .text{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            font-size:12px;
            line-height: 16px;
            text-align: center;
            color:#fff;
            margin-left: 5%;
            width:95%
        }
        #business-top .c-left .text-area .text .cap{
            font-size:10px;
            line-height: 16px;
            text-align: center;
            color:#fff;
        }

        #business-top .c-left .text-area .arrow{
            color:#fff;
            width:5%;    
            padding:0 6px 0 0;
        }      
        #business-top .c-left .text-area .arrow::after{
            content: '\e5e1';
            font-family: 'Material Icons';
            font-weight: 200;
            font-size:12px;
        }
        #business-top .c-left:hover .text-area .arrow{
            padding:0 4px;
        }
        #business-top .c-left:hover .text-area {
            background: rgba(0,0,0,0.9);
        }
    }
	
}