@charset "UTF-8";

.carousel-control.right {
    background-image: none;
}

.carousel-control.left {
    background-image: none;
}

.carousel-indicators {
    left: 0;
    width: 100%;
    bottom: -22px;
    margin: 0;
    padding: 0 5px;
}

.m-contact a {
    text-decoration: none;
}


#popup { 
	display: none;
	position: absolute; 
	z-index: 10000;
	top: calc((100% - 780px)/2); 
	left: calc((100% - 594px)/2); 
	width: 594px; 
	border: 2px solid black; 
	background-color: white;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.58); 
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.58);
}

#popup SPAN { cursor: pointer; font-weight: bold; }

@media (max-width: 768px) {
    
    .news-pr .more-title  {
        height: 40px;
        padding: 7px;
    }

    .biz-info{
        height: 90px;
        padding: 10px;
    }
    
    .biz-info a ul li:last-child img {
        display: none;
    }

    .main-l2 {
        height: 290px;
    }

    .main-l2 .more-title {
        height: 40px;
        padding: 10px;
    }

    .m-contact {
        height: 90px;
        padding: 10px;
    }

    .m-contact ul li img{
        display: none;
    }
    .m-recruit li:last-child, .m-road li:last-child {
        float: left;
    }

    .icon-a1 .li1 {
        width: 67%;
    }
    .icon-a1 .li2 {
        width: 33%;
    }

    .icon-a2 .li1 {
        width: 33%;
    }
    .icon-a2 .li2 {
        width: 34%;   
    }
    .icon-a2 .li3 {
        width: 33%;
    }

    .carousel-indicators {
        bottom: -20px;
    }
    .company-border {
        /*border-left: 1px solid #e4e6e3;*/
        /*border-bottom: 1px solid #e4e6e3;*/
    }
    .solution-border{
        border-bottom: 1px solid #e4e6e3;
    }
    .business-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .notice-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .news-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .solution2-border{
        border-left: 1px solid #e4e6e3;
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .recruit-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .partner-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .road-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .lab-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .innobiz-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .good-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .kosa-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .mcasia-border{
        border-left: 1px solid #e4e6e3;
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .intro-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }


	#popup { 
		top: calc((100% - 524px)/2); 
		left: calc((100% - 400px)/2); 
		width: 400px; 
	}
	
	#popup IMG { width: 396px; height: 524px;}

}

@media (min-width: 768px) {
    .col-sm-6 {
        width: 50%;
        height: 324px;
        /*height: 390px;*/
    }

    .news-pr {
        height: 216px;
    }

    .biz-info {
        height: 108px;
        padding: 20px 15px;
    }

    .more-title {
        height: 45px;
        padding: 15px;
    }

    .biz-info > a > ul > li:first-child {
        width: 290px; 
    }

    .biz-info > a > ul > li:first-child p{
        margin-bottom: 5px;
    }

    .m-contact {
        height: 108px;
        padding: 20px 20px;
    }

    .icon-a1 .li1 {
        width: 66.66666666%;
    }

    .icon-a1 .li2 {
        width: 33.33333333%;
    }

    .icon-a2 > ul > li {
        width: 33.33333333%;
    }
    .company-border {
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .solution-border{
        border-bottom: 1px solid #e4e6e3;
    }
    .business-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .notice-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .news-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .solution2-border{
        border-left: 1px solid #e4e6e3;
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .recruit-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .partner-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .road-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .lab-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .innobiz-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .good-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .kosa-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .mcasia-border{
        border-left: 1px solid #e4e6e3;
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .intro-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .solution2-border > .title-solution a span{
        padding-right: 10;
    
    }
    .title-solution{
        padding-left: 22px;
    }
	
	

}


@media (min-width: 992px) {
    
    .col-md-4 {
        width: 33.33333333%;
        /*height: 279px;*/
        height: 340px;
    }

    .main-l2 {
        height: 279px;
    }

    .more-title {
        height: 45px;
        padding: 10px;
    }

    .news-pr {
        height: 190px;
    }

    .biz-info {
        height: 90px;
        padding: 10px 15px;
    }

    .biz-info > a > ul > li:first-child {
        width: 234px;
        padding-top: -12px;
    }

    .biz-info > a > ul > li:first-child p{
        margin-bottom: 5px;
    }

    .m-contact {
        height: 93px;
        padding: 0;
    }

    .icon-a1 .li1 {
        width: 67%;
    }

    .icon-a1 .li2 {
        width: 33%;
    }

    .icon-a2 .li1 {
        width: 33.33333333%;
    }

    .icon-a2 .li2 {
        width: 33.33333333%;
    }

    .icon-a2 .li3 {
        width: 33.33333333%;
    }

    .m-contact ul {
      padding: 10px 15px;
    }

    .m-contact > ul > li > p {
        margin-bottom: 5px;
    }

    .biz-info > a > ul {
      padding: 0 10px;
    }

    .icon-a3 li img {
        display: none;
    }
    .company-border {
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .solution-border{
        border-bottom: 1px solid #e4e6e3;
    }
    .business-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .notice-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .news-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .solution2-border{
        border-left: 1px solid #e4e6e3;
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .recruit-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .partner-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .road-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .lab-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .innobiz-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .good-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .kosa-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .mcasia-border{
        border-left: 1px solid #e4e6e3;
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .intro-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }

}



@media (min-width: 1200px) {
    
    .container {
        width: 1200px;
    }
    .col-lg-4 {
        width: 33.33333333%;
        height: 398px;
    
    }

    .main-l2 {
        height: 310px;
    }

    .more-title {
        height: 60px;
        padding: 13 13 8 13;
    }

    .news-pr {
        height: 206px;
    }

    .biz-info {
        height: 104px;
        padding: 15px 15px;
    }

    .m-recruit {
        height: 103px;
    }
    
    .m-partner {
        height: 104px;
    }
    .m-road {
        height: 103px;
    }

    .icon-a1 .li1 {
        width: 67%;
    }

    .icon-a1 .li2 {
        width: 33%;
    }

    .icon-a2 .li1, .icon-a2 .li2, .icon-a2 .li3 {
        width: 33.33333333%;
    }

    .m-contact ul {
        padding: 18px 20px;
    }

    .biz-info > a > ul {
        padding: 0 10px;
    }

    .icon-a3 li img {
        display: block;
    }
    
    /*.partner-border > a> ul > li:last-child {
        padding-top: 6px;
    }*/
    
    .road-border > a> ul > li:last-child {
        padding-top: 6px;
    }
    
    
    .company-border {
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .solution-border{
        border-bottom: 1px solid #e4e6e3;
    }
    .business-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .notice-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .news-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .solution2-border{
        border-left: 1px solid #e4e6e3;
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .recruit-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .partner-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .road-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .lab-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .innobiz-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .good-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .kosa-border{
        border-left: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .mcasia-border{
        border-left: 1px solid #e4e6e3;
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    .intro-border{
        border-right: 1px solid #e4e6e3;
        border-bottom: 1px solid #e4e6e3;
    }
    

}




.main-l3 {
    height: 62px;
    background-color: #f1f1f1;
}

.main-l3 > ul > li,  .intro-border > a > ul > li{
    float: left;
    height: 62px;
    padding: 8px 0;
}

.icon-a3 .li1 {
    padding: 5px 0 2px 10px;
}

.icon-a3 .li1 p {
    margin-bottom: 2px;
}

.icon-a3 .li2 {
    float: right;
    padding-right: 10px;
}

.col-md-4{
    padding: 0;
    margin-right: auto;
    margin-left: auto;
}

.title {
    font-size: 17px;
    font-weight: bold;
}

.more-title p {
    float: left;
    font-size: 16.5px;
    color: #4d4d4d;
}

.more-title span {
    float: right;
    font-size: 11px;
    color: #888888;
    padding-top: 5px;

}


.carousel-indicators li {
    border: 1px solid #c4c4c4;
    background-color: #ececec;
    border-radius: 0;
    width: 20%;
    height: 7px;
    padding: 0;
    margin: 0;
    float: left;
}

.carousel-indicators li.active {
    border: 1px solid #c4c4c4;
    background-color: #006a91;
    border-radius: 0;
    width: 20%;
    height: 7px;
    padding: 0;
    margin: 0;
}


.m-recruit {
    background-color: #fcfcfe;
}

.m-partner {
    background-color: #fcfdff;
}

.m-road {
    background-color: #fdfcf8;
}


.m-recruit ul li:first-child {
    float: left;
    margin-right: 20px;
}

.m-partner ul li:first-child {
    float: right;
}


.m-road ul li:first-child {
    float: left;
    margin-right: 20px;
}

.container .news-pr .news-contents > ul {
      padding: 5 5 10 10;
      line-height: 1.3;
}

.container .news-pr .news-contents > ul > li:first-child {
    float: left;
    padding: 14px;
    margin-right: 15px;
}

.container .news-pr .news-contents > ul > li > ul > li {
    padding: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.container .news-pr .news-contents > ul > li > ul > li > a{
    font-size: 12px;
    color: #6e6c6d;
}

.biz-info {
    background-color: #fefdf8;
}

.biz-info > a > ul > li:first-child {
    float: left;
    width: 260px;
}

.biz-info > a > ul > li:first-child p {
    font-size: 16.5px;
    color: #4d4d4d;

}

.biz-info > a > ul > li:first-child span {
    font-size: 12px;
    color: #4d4d4d;
}

.biz-info > a > ul > li:last-child {
    float: right;
}

.m-contact p, .intro-border a p {
    font-size: 16.5px;
    color: #4d4d4d;
}

.partner-border > a > ul > li:last-child   {
    padding-right: 80px;
}

.m-contact span, .intro-border a span{
    font-size: 12px;
    color: #6e6c6d;
}

.carousel-inner .item {
    padding: 0 5px;
}