@charset "utf-8";


@media all and (max-width: 1600px) {
    .gnb > ul > li > a { padding:0 20px;}
    .main-sec04 .swiper-slide img { width:92%;}
    .header{padding:0 0px;}

}
@media all and (max-width: 1500px) {
    .jp * { word-break: break-all;}
    
    .main-visual-tit { padding:0 10%;}
    
    .hd-top {padding:0 5%;}
    .header {display:flex;justify-content:space-between;align-items: center;}
    .header .hd-right {position: inherit;left: auto;right: auto;top: auto; transform:initial; flex-shrink: 0; margin-right:5%; align-items: center;}
    .header .logo { display:block; position: inherit;left: auto;top: auto;flex-shrink: 0; transform:initial; margin-left:80px;}

    .inx-list ul li { margin-top:-20px;}
    .inx-list ul li p br.pc-br { display:none;}
    .inx-list .bg-typo { top:15px; font-size:80px;}
    .sub-sm-tit .pc-br { display:none;}

    .core .advent { display:flex; flex-wrap:wrap;}
    .core .advent:after { display:none;}
    .core .advent-box { padding:70px 20px 20px;}
    .core .advent-box .advent-tit { padding:0;}
    .core .advent-box.box01 { width:100%;}
    .core .advent-box .advent-tit p .pc-br { display:none;}  

    .aboutus .inx-list .bg-typo { top:-45px;}
    .aboutus .inx-list:before { height:20px;}

    .core .advent-box.box03 { flex-wrap:wrap;}
    .core .advent-box.box03 .advent-tit { width:100%;}
    .core .advent-box.box03 .imgbox { width:100%;}

}

@media all and (max-width: 1280px){
    .main-tit h3 { font-size:33px;}
    .main-tit p { font-size:17px;}

    .main-visual .swiper-slide h2 { font-size:35px;}
    .main-visual .swiper-slide p { font-size:24px;}
    .main-visual .videofix .videocon { width:84%;}
    .main-visual .videofix .btn-popclose { width:50px; height:50px;}
    .main-visual .videofix .btn-popclose:after,
    .main-visual .videofix .btn-popclose:before { right:10px; top:23px;}

    .main-sec00 .nextgen-box > div.txtbox p { font-size:16px; line-height:2;}

    .main-sec01:before { padding-bottom:12.8%; width:70%; height:0; background-size:100%;}
    .main-sec01 ul li p { font-size:18px;}

    .main-sec02:after { padding-bottom:17%; width:45%; height:0; background-size:100%;}
    .main-sec02 ul { flex-wrap:wrap;}
    .main-sec02 ul li { width:50%;}

    .main-sec05 .main-news .title h3 { font-size:19px;}    
    
    .sub-visual { padding:0 5%;}
    .sub-visual h2 { padding:0; font-size:40px;}
    .sub-visual p { margin-top:10px; padding:0; font-size:20px; line-height:1.4;}

    .sub-m-tit { font-size:27px !important;}
    .sub-m-tit .pc-br { display:none;}
    .sub-sm-tit { font-size:21px;}
    .sub-sm-tit02 { font-size:25px;}
    .sub-sm-sptit { font-size:24px; line-height:30px;}
    .contact-success h3 { font-size:27px;}

    .sub-cont-tit .pc-br {display:none;}

    .cont-sbj .pc-br {display:none;}
    
    .all-gnb { background:#fff;}
    .all-gnb > ul > li {width:33.3333%;}
    .all-gnb > ul > li:nth-child(5n) {border-right:1px solid #ddd;}    

    .career .talent ul li { display:flex; justify-content:space-between; align-items:center;}
    .career .talent ul li > div { width:48%;}
    .career .talent ul li:nth-child(2n) { flex-direction:row-reverse;}
    .career .talent ul li > div.txt { padding:0 !important;}

    .brochure .btn a { display:block; margin:0 0 10px; max-width:240px}
    .brochure .btn a:last-child { margin:0;}

    .brochure ul li .btn { justify-content:flex-start; flex-wrap:wrap;}
    .brochure ul li .btn a { display:block; max-width:none; width:100%;}
    .brochure ul li .img { padding:0; margin:0 auto; width:80%;}    

    .card .sub-m-tit { font-size:22px !important;}
    .integration .sec:nth-child(2) .sub-sm-tit02 { font-size:22px;}
    .integration .sec:nth-child(2) .sub-sm-tit02 .pc-br { display:none;}

    .inx-list ul li > * { width:48% !important;}
    .inx-list ul li .tit { font-size:33px; line-height:1.2;}
    .inx-list ul li p { font-size:16px; line-height:1.7;}    
    .inx-list ul li p.bigtxt { font-size:19px;}

    .solutions .inx-list ul li > * { width:45% !important;}

    .product .numbering-box > div.left dl dt { padding-right:1%; padding-left:0;}
    .product .pro-imglist ul > li { font-size:17px;}
    .product .pro-imglist ul > li .pc-br { display:none;}
    .product .pro-imglist dl dt { font-size:20px;}
    .product .pro-imglist dl dd:nth-child(2) p { font-size:16px;}

    .tbstyle02 ul li .th {width:180px;}
    .tbstyle02 ul li .td {width:calc(50% - 180px);}   

    .ceo .ceo-list .cont .pc-br { display:none;} 
    .ceo .ceo-list .title { font-size:25px;}

    .sec-footer .ft-btm .ft-info p { font-size:15px; flex-wrap:wrap;}
    .web_pli_modal{
        width: 95vw;
        height: auto;
        padding: 50px 20px 30px;
        background: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 500px;
        font-size:15px;
    }
    .web_pli_modal h6{
        font-size:20px;
    }

    .coreframe .coreframe-imglist ul > li { font-size:17px;}
    .coreframe .coreframe-imglist ul > li .pc-br { display:none;}
    .coreframe .coreframe-imglist dl dt { font-size:20px;}
    .coreframe .coreframe-imglist dl dd:nth-child(2) p { font-size:16px;}  
		
		.kubernetes .sec-wrap{
			width:960px;
		}
		.kubernetes p.sub-sm-txt{
			font-size:16px;
			line-height:28px;
		}
		.kubernetes .sec-wrap > div{
			max-width:460px;
		}
		.kubernetes .sec-04 .grid-box{
			width:700px;
		}

		.service .half-box .title- p{
			font-size:23px;
		}
		.service .wr .textBox p{
			font-size:23px;
		}
         .our_value > li{
            flex-direction: column;
            text-align: center;
            gap: 25px
        }
         .our_value > li .txt{
            width:100%;
        }
				.our_value > li .txt span:before{
					display: none;
				}
        .company-visual-tit h2{
            font-size:35px;
            margin-bottom: 25px;
        }
        .company-visual-tit h6{
            font-size:28px;
            margin-bottom:20px;
        }
        .company-visual-tit .bar-{
            margin-bottom:20px;
        }
        .company-visual-tit .text-{
            font-size:20px;
        }
        .company-visual-tit .tit-text-{
            font-size:14px;
        }
        .company .company-banner .swiper-pagination{
            gap:8px;
            left:1%;
        }
        .company .company-banner .swiper-pagination-bullet{
            width:8px;
            height:8px;
        }
        .company .company-banner .swiper-pagination-bullet-active{
            height:24px;
        }
        .main-sec05 .main-news .thum .thum_title p{
            font-size:20px;
            line-height:30px;
        }
        .culture .sec-03 .wr{
            flex-direction: column;
        }
        .culture .sec-03 .wrap-{
            width:100%;
        }
        .culture .sec-03 .wr > .title{
            font-size:45px;
        }
        .culture .sec-03 .content-title{
            font-size:26px;
        }
        
}
@media (max-width: 960px) {
    .pc-br { display:none;}

    .main-sec00 .nextgen-box { align-items:flex-start;}
    .main-sec00 .nextgen-box > div.txtbox { padding-right:15px; }
    .main-sec00 .nextgen-box > div.imgbox { padding-left:15px; }

    .main-sec01 ul li { padding:0;}
    .main-sec01 ul li a { display:block; padding:20px 10px;}

    .main .ft-banner .main-tit { margin:0;}

    .sec { padding-top:80px; padding-bottom:80px;}
    .mt-100 { margin-top:80px !important;}
    .mb-100 { margin-bottom:80px !important;}
    .pt-100 { padding-top:80px !important;}
    .pb-100 {padding-bottom: 80px !important;}
		.pt-150 { padding-top:100px !important;}
    .pb-150 {padding-bottom: 100px !important;}

    .cont-sbj h3 {font-size:28px;}

    .gray-imgbox {flex-wrap:wrap;}
    .gray-imgbox .item {width:100%; border-right:none; border-bottom:1px solid #ddd;}
    .gray-imgbox .item:last-child {border-bottom:none;}

    .sub-visual {height:300px;}
    .sub-visual.big-con {height:400px;}

    .all-gnb { opacity:0; visibility:hidden; overflow-y:visible; height:100% !important; background:rgba(0,0,0,0.7); -webkit-transition:all 0.3s; transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;}
    .all-gnb .gnb-close { margin-left:0; left:285px; top:15px; color:#fff;}
    .all-gnb > ul { overflow-y:auto; position:fixed; left:-100%; top:0; margin:0; padding:20px 0 80px; width:270px; height:100%; background:#fff; -webkit-transition:all 0.3s; transition:all 0.3s;}
    .all-gnb > ul > li { padding:0 20px; width:100% !important; border:none !important;}
    .all-gnb > ul > li > a { display:inline-block; margin:30px 0 20px; font-size:18px;}
    .all-gnb > ul > li > ul { margin:0;}
    .all-gnb > ul > li > ul > li:first-child { margin-top:0;}
    .all-gnb.open {opacity:1; visibility:visible;}
    .all-gnb.open > ul { left:0;}

    .scroll-horiz { position:relative; padding-top:20px;}
    .scroll-horiz:after { content:""; position:absolute; left:0; top:0; width:35px; height:41px; background:url(/images/ico/ico-swipe.png) no-repeat center; background-size:35px; -webkit-animation:swipe 1s ease-in-out infinite; animation:swipe 1s ease-in-out infinite; -webkit-animation-direction: alternate; animation-direction: alternate;}
    .scroll-horiz > div { white-space:nowrap; width:100%; overflow:auto; scrollbar-track-color:#efefef; scrollbar-base-color:#dfdfdf; padding-bottom:20px;}
	.scroll-horiz > div::-webkit-scrollbar {width:5px; background-color:#e6e6e6;}
	.scroll-horiz > div::-webkit-scrollbar-track {border-radius:10px; background-color:#e6e6e6;}
	.scroll-horiz > div::-webkit-scrollbar-thumb {border-radius:10px; background-color:#999;}
	.scroll-horiz img {max-width:900px;}

    @-webkit-keyframes swipe {
        0% {
            -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
        }
        100% {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0px, 0, 0);
        }
    }
    @keyframes swipe {
        0% {
            -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
        }
        100% {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0px, 0, 0);
        }
    }

    .ft-banner {padding:80px 0;}
    .ft-banner h3 {font-size:24px !important; line-height:1.2}
    .ft-banner p {font-size:15px !important;}    

    .solutions .sol-icolist > ul { margin-top:-2%; margin-left:-2%; flex-wrap:wrap;}
    .solutions .sol-icolist > ul > li { flex:auto; margin-left:2%; margin-top:2%; width:23%;}    

    .inx-list { padding:50px 0;}
    .inx-list:before,
    .inx-list:after { display:none !important;}
    .inx-list .bg-typo { display:none !important;}
    .inx-list ul li { padding:20px 0; margin-top:0 !important;}

    .solutions .sec:nth-child(2) { padding-top:0;}
        
    .box-list > ul { margin-top:-2%; margin-left:-2%; flex-wrap:wrap;}
    .box-list > ul > li { flex:auto; margin-top:2%; margin-left:2%; width:48%; padding:35px 20px;}    

    .partner-ex { flex-wrap:wrap;}
    .partner-ex .left { width:100%;}
    .partner-ex .right { margin-top:80px; width:100%;}

    .product .list-style03 { margin:20px 0 40px;}
    .product .sec:nth-child(2) .imgbox-half { flex-wrap:wrap;}
    .product .sec:nth-child(2) .imgbox-half > div { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; position:relative; z-index:10; margin:80px 0 0; width:100%; text-align:center;}
    .product .sec:nth-child(2) .imgbox-half > div:first-child { margin:0;}
    .product .sec:nth-child(2) .imgbox-half:after { margin:-275px 0 0 -28.5px; height:550px; width:57px; background-size:contain; -webkit-transform:rotate(90deg); transform:rotate(90deg);}
    .product .numbering-box { flex-wrap:wrap; justify-content:flex-start;}
    .product .numbering-box > div { padding:0;width:100%; border-left:none;}
    .product .numbering-box > div dl dt { padding:0 !important; width:35% !important;}
    .product .numbering-box > div dl dd { width:63% !important;}
    .product .numbering-box > div dl { margin:0; padding:20px 0; border-top:1px dotted #ccc;}
    .product .numbering-box > div dl:first-child { padding-top:0; border-top:0;}    

    .tbstyle02 ul li {border-bottom:none; padding:0; align-items:inherit;}
    .tbstyle02 ul li .th, .tbstyle02 ul li .td {padding:20px; border-bottom:1px solid #ddd;}
    .tbstyle02 ul li .th {padding-left:40px; width:150px; font-size:16px;}
    .tbstyle02 ul li .th:before {left:17px; top:27px;}
    .tbstyle02 ul li .td {width:calc(100% - 150px); font-size:15px;}
    
    .tbstyle03 tbody th,
    .tbstyle03 tbody td { display:block; padding:20px !important; width:100% !important;}
    .tbstyle03 tbody th strong:before { top:8px;}

    .product .pro-imglist { flex-wrap:wrap; margin-top:-80px;} 
    .product .pro-imglist dl { margin-top:80px; width:100%;}
    .product .pro-imglist dl dd:nth-child(2) { padding:70px 0 50px; height:auto;}

    .cloudframe .sec:nth-child(2) ul > li > div > div h5 { font-size:20px;}

    .company .global-history:before,
    .company .global-history:after {display:none;}
    .company .overview-list {flex-wrap:wrap;}
    .company .overview-list li {width:100%; padding:35px 10px; min-height:inherit; border-right:none; border-bottom:1px solid rgba(129,129,129,0.55);}
    .company .overview-list li:last-child {border-bottom:none;}
    .company .overview-list li .ic {width:50px; margin:auto;}
    .company .overview-list li .tit-1 {font-size:26px;}
    .company .overview-list li .tit-2 {opacity:1; height:inherit; font-size:18px;}
    .company .overview-list li .txt {display:none; opacity:1; height:inherit;}
    .company .overview-list li .pc-br {display:none;}

    .culture .sec:nth-child(1) { margin-bottom:80px;}
    .culture .sec.culbox .bg-typo { display:none !important;}
    .culture .sec.culbox .row {flex-wrap:wrap; min-height:inherit;}
    .culture .sec.culbox .row > * {width:100%;}
    .culture .sec.culbox .row .title {font-size:45px; order:1;}
    .culture .sec.culbox .row .txt-box .txt-1 {font-size:26px;}
    .culture .sec.culbox .row .txt-box {order:2; margin-top:20px;}
    .culture .contribution .txt-box dt {font-size:20px;}
    .culture .contribution .txt-box dd {font-size:16px;}
    
    .history:after {left:0;}
    .history .cont-sbj {padding:60px 0;}
    .history .txt:after {width:45px;}
    .history .txt strong:after {left:-29px;}
    .history .left {float:none; width:100%;}
    .history .left.txt {text-align:left; padding-right:0; padding-left:65px;}
    .history .left.txt:after {width:45px; right:auto; left:0;}
    .history .left.txt p {padding-right:0; padding-left:20px;}
    .history .left.txt p:after {right:auto; left:0;}
    .history .left.txt strong:after {left:-29px;}
    .history .left.txt strong:before {left:-32.5px;}
    .history .right {float:none; width:100%;}
    .history .right.txt {padding-left:65px;}
    .history ul {margin-top:0;}
    .history ul li:before, .history ul li:after {display:none;}
    
    .domestic .map-cont {flex-wrap:wrap;}
    .domestic .map-cont p b {display:block; margin-right:0; margin-bottom:5px;}
    .domestic .map-cont p b:after {display:none;}
    .domestic .map-cont p img {transform:none; top:0;}
    .domestic .map-link {width:100%; margin-top:15px; display:flex; justify-content:center; align-items:center; font-size:15px;}
    .domestic .map-link img {display:inline-block; margin:0; margin-right:5px; width:25px;}

    .global .cont-sbj {padding:100px 20px;}    

    .milestones .sec:nth-child(2) { padding-bottom:200px;}

    .javaframe .javaframe-imgbox { flex-wrap:wrap;}
    .javaframe .javaframe-imgbox .left { display:block; padding:0; width:100%; border:none;}
    .javaframe .javaframe-imgbox .left .scroll-horiz > div { padding:50px 80px; border:1px solid #ddd; background:#fff;}
    .javaframe .javaframe-imgbox .left .scroll-horiz img { max-width:700px;}
    .javaframe .javaframe-imgbox .right { margin-top:20px; width:100%;}

    .sec-footer .ft-btm .ft-info { float:none;}
    .sec-footer .ft-btm .ft-mark {  float:none; margin-top:20px; text-align:left;}
    .sec-footer .ft-btm .ft-mark img { width:60px; height:60px;}
    .sec-footer .ft-btm .ft-mark a { display:inline-block; vertical-align:middle;}
    .sec-footer .ft-btm .ft-mark p { display:inline-block; margin-left:5px; vertical-align:middle;}
    .sec-footer .ft-btm .fam-site { float:none; display:inline-block; margin-top:20px;}
    .sec-footer .ft-top .fam-site{margin-top:30px;}
    .coreframe .coreframe-imglist { flex-wrap:wrap; margin-top:-80px;} 
    .coreframe .coreframe-imglist dl { margin-top:80px; width:100%;}
    .coreframe .coreframe-imglist dl dd:nth-child(2) { padding:0; height:auto;}    

    .contact-success { padding:80px 0;}
      
		.kubernetes .sec{
			padding:80px 0;
		}
		.kubernetes .sec-wrap{
			width:768px;
			flex-direction: column;
			gap:30px;
		}
		.kubernetes .left-sec .sec-wrap{
			flex-direction: column-reverse;
		}
		.kubernetes .img-box{
			height:auto;
		}
		.kubernetes .img-box img{
			height:auto;
			width:90%;
			display:block;
			margin:auto;
		}
		.kubernetes .sec-04{
			padding-bottom:120px;
		}

		.service .half-box .title- p{
			font-size:17px;
		}
		.service .half-box .title-{
			height:60px;
		}
		.service .half-box .box- p{
			font-size:17px;
		}
		.service .half-box .box-{
			height:50px;
		}
		.service .wr .find-out-more-btn h3{
			font-size:26px;
		}
		.service .wr .find-out-more-btn h3 span{
			font-size:20px;
		}
		.service .wr .find-out-more-btn p{
			font-size:18px;
		}
         .our_value > li{
            padding:20px;
        }
         .our_value > li .tit{
            font-size:20px;
        }
         .our_value > li .txt{
            font-size:14px;
            line-height:20px;
        }
        .main-sec05 .main-news .thum .thum_title p {
            font-size: 16px;
            line-height: 22px;
        }
        .main-sec05 .main-news{
            padding-bottom:33px;
        }
        .culture .sec-03 .content-{
            gap:25px;
        }
        .culture .sec-03 .wr > .title{
            font-size:25px;
        }
        .culture .sec-03 .box-title{
            font-size:25px;
        }
        .culture .sec-03 .content-title{
            font-size:18px;
        }
        .culture .sec-03 .content-text{
            font-size:16px;
        }
}
@media all and (max-width: 768px) {
    .main-visual .swiper-slide h2 { font-size:27px;}
    .main-visual .swiper-slide h2 br { display:none;}
    .main-visual .swiper-slide p { margin:12px 0 0; font-size:16px;}
    .main-visual .main-visual-tit { padding:30px;}
    .main-visual .swiper-button-prev { left:0; top:auto; bottom:0; width:60px; height:60px; background-color:rgba(67,67,67,0.5);}
    .main-visual .swiper-button-prev:after { font-size:20px; color:#fff;}
    .main-visual .swiper-button-next { right:0; top:auto; bottom:0; width:60px; height:60px; background-color:rgba(67,67,67,0.5);}
    .main-visual .swiper-button-next:after { font-size:20px; color:#fff;}

    .main-tit { margin:40px 0;}
    .main-tit h3 { margin-bottom:10px; font-size:24px; line-height:1.3;}
    .main-tit p { font-size:16px;}
    .main-tit h4 { font-size:20px;}
    .main-tit h4 .pc-br { display:none;}

    .main-sec00 { padding:30px 0 60px;}
    .main-sec00 .nextgen-box { flex-direction:column-reverse; align-items:center;}
    .main-sec00 .nextgen-box > div { padding:0; width:100%;}
    .main-sec00 .nextgen-box > div.imgbox { margin:0 0 50px; width:70%;}
    .main-sec00 .nextgen-box > div.txtbox p { line-height:1.6;}
    .main-sec00 .nextgen-box > div.txtbox p .pc-br { display:none;}

    .main-sec01 ul { justify-content:center;}
    .main-sec01 ul li { width:33.3333%;}
    .main-sec01 ul li:nth-child(3n) { border-right:0;}
    .main-sec01 ul li a { padding:10px;}

    .main-sec02 { padding:40px 0 60px;}
    .main-sec02 ul li { margin:20px 0 0; width:100%;}
    .main-sec02 ul li:first-child { margin:0;}
    .main-sec02 ul li h3 { font-size:24px;}
    .main-sec02 ul li h3 br { display:none;}

    .main-sec04 { padding:30px 0 60px;}
    .main-sec04 .swiper-slide { height:120px;}
    .main-sec04 .swiper-container-multirow-column>.swiper-wrapper { height:240px;}
    
    .main-sec05 { padding:60px 0;}
    .main-sec05 .title { padding:15px;}
    .main-sec05 .title h3 { font-size:18px;}

    .main-sec05 .main-news > ul { margin-top:-2%;}
    .main-sec05 .main-news > ul > li { margin:2% 0; width:48%;}

    .breadcrumb { display:none; margin-top:30px; }
    .breadcrumb li { padding:0 10px;}
    .sub-visual p br { display:none;}

    .cont-sbj h3 {font-size:24px;}

    .culture .cont-sbj h3 { font-size:20px;}

    .sub-m-tit { font-size:24px !important; line-height:1.5;}
    .card .sub-m-tit { font-size: 20px !important;}
    .sub-sm-sptit { font-size:20px; line-height:35px;}
    .sub-sm-sptit h3:before, .sub-sm-sptit h3:after { height:35px;}
    .contact-success h3 { margin-bottom:30px; font-size:24px; line-height:1.8;}

    .sub-visual h2 { font-size:30px; line-height:30px;}
    .sub-visual p { margin-top:10px; font-size:16px;}
    .sub-visual p .pc-br { display:none;}    

    .mt-100 { margin-top:60px !important;}
    .mb-100 { margin-bottom:60px !important;}
    .pt-100 { padding-top:60px !important;}
    .pb-100 {padding-bottom: 60px !important;}  
		.pt-150 { padding-top:80px !important;}
    .pb-150 {padding-bottom: 80px !important;}  

    .sec { padding-top:60px; padding-bottom:60px;}

    .sub-sm-tit { font-size:20px;}
    .sub-sm-txt { font-size:18px; line-height:1.5;}
    .sub-sm-tit02 { font-size:22px;}
    .partner-ex .sub-sm-tit02 { font-size:22px;}

    .solutions .sol-icolist { padding-top:0;}
    .solutions .sol-icolist > ul > li { padding:20px 10px 35px; width:48%;}
    .solutions .sol-icolist > ul > li p { min-height:auto; font-size:16px; line-height:1.4;}    
    .solutions .sol-txtlist li { font-size:16px;}

    .core .advent { margin:0 !important;}
    .core .advent-box { float:none; margin:20px 0 0 !important; width:auto !important;}
    .core .advent-box .advent-tit h4 { font-size:22px;}
    .integration .sec:nth-child(2) .sub-sm-tit02 { font-size:20px;}

    .line-txt { font-size:16px; line-height:1.5;}
    .line-txt:before { top:10px;}    

    .imgbox-half { display:block;}
    .imgbox-half > div { margin:20px 0 0; width:auto;}
    .imgbox-half > div:first-child { margin:0;}

    .list-style01 > li { font-size:15px;}
    .list-world > li { font-size:15px;}
    .list-style02 > li { font-size:15px;}

    .tbstyle01 tbody th { font-size:16px;}
    .tbstyle01 tbody th,
    .tbstyle01 tbody td { display:block; width:100%; border-left:none !important; border-right:none !important;}
    .tbstyle01 tbody th,
    .tbstyle01 tbody td { padding:15px 20px; text-align:left;}    

    .tbstyle03 tbody th strong { font-size:17px;}   

    .box-list > ul { margin:0;}
    .box-list > ul > li {width:100% !important; margin:20px 0 0 !important;}
    .box-list > ul > li:first-child { margin:0 !important;}
    .box-list > ul > li .tit { margin-top:20px; font-size:18px;}    

    .inx-list ul { margin-top:80px;}
    .inx-list ul:first-child { margin-top:0;}
    .inx-list ul li { flex-direction:column-reverse !important; justify-content:flex-start; margin-top:80px !important; min-height:auto; height:auto !important;}
    .inx-list ul li:nth-child(2n) { margin-top:80px !important;}
    .inx-list ul li:first-child { margin-top:0 !important;}
    .inx-list ul li > * { width:100% !important; height:auto;}
    .inx-list ul li > .txtbox { padding:0 !important; text-align:left !important;}
    .inx-list ul li > .imgbox { overflow:hidden; position:relative; margin-bottom:30px; padding-bottom:100%; height:0;}
    .inx-list ul li > .imgbox img { position:absolute; left:50%; top:50%; width:100%; height:auto; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
    .inx-list ul li .tit { font-size:30px;}
    .inx-list ul li .tit .pc-br { display:none;}    
    .inx-list ul li:nth-child(2n) .tit.add-stit span { left:0 !important; right:auto !important;}

    .bada .bada-icolist .list-style01 > li { font-size:15px;}  
    .bada .bada-logo { padding-top:0;}
    .bada .bada-logo > div { margin-top:2%; width:48%;}
    .bada .sec:nth-child(2) strong { padding:20px; border-radius:30px; font-size:16px;}

    .aboutus .inx-list ul li > .imgbox { padding-bottom:70%;}

    .product .sec:nth-child(2) h4 { font-size:22px; line-height:1.4;}
    .product .sec:nth-child(2) .imgbox-half > div { padding:40px 20px;}
    .product .sec:nth-child(2) .imgbox-half .imgbox > p { font-size:18px; line-height:1.4; text-align:center;}
    .product .numbering-box dl dt strong { font-size:30px; line-height:50px;}
    .product .numbering-box dl dt p { font-size:16px;}
    .product .numbering-box dl dd p { font-size:16px;}
    .product .numbering-box .list-world li { font-size:16px;}

    .product .numbering-list { margin:30px auto 0;}
    .product .numbering-list > li { width:30.3333%; background-size:100%;}
    .product .numbering-list > li strong { font-size:20px; line-height:1.1;}
    .product .numbering-list > li span { font-size:16px; line-height:1.2;}   
    
    .culture .sec.culbox .row .title {font-size:25px;}
    .culture .sec.culbox .row .txt-box .txt-1 {font-size:18px;}
    .culture .sec.culbox .row .txt-box p { font-size:16px;}
    .culture .sec.culbox .row .txt-box .txt-2 { font-size:16px;}
    .culture .contribution {flex-wrap:wrap;}
    .culture .contribution .img-box {width:100%;}
    .culture .contribution .txt-box {width:100%; padding-left:0; margin-top:30px;}
    .culture .contribution .txt-box:before {display:none;}
    .culture .sec:nth-child(7) .cont-sbj h3 { margin-bottom:0;}    

    .company .global-history ul li .year {font-size:25px;}
    .company .global-history ul li .title {font-size:15px;}   
    
    .career .srboardList .listGallery .colUll > ul > li:nth-child(n) { margin-right:2% !important;}
    .career .srboardList .listGallery .colUll > ul > li:nth-child(2n) { margin-right:2% !important;}
    .career .srboardList .listGallery .colUll > ul > li:nth-child(3n) { margin-right:0 !important;}
    .career .srboardList .listGallery .colUll > ul > li > dl > dd.title > a { margin:5px 0; font-size:17px;}
    .career .srboardList .listGallery .colUll > ul > li > dl > dd.date { margin-bottom:15px; font-size:14px !important;}
    .end { padding:3px 5px; font-size:13px;}

    .career .talent ul li { flex-wrap:wrap; margin-bottom:60px; }
    .career .talent ul li > div { width:100%;}
    .career .talent ul li > div.txt { margin:30px 0 0; text-align:left !important;}
    .career .talent .txt h3 { font-size:20px;}

    .career .hr ul li { display:flex; flex-direction:column; flex-wrap:wrap; padding:20px 20px 50px 20px; min-height:auto;}
    .career .hr ul li img { left:20px; top:30px; width:70px;}
    .career .hr ul li h3 { margin:30px 0; padding-left:85px; width:100%; font-size:19px;}
    .career .hr ul li p { margin:10px 0; width:100%;}
    .career .hr ul li p:last-child { margin:0;}

    .brochure ul li {width:48%;}
    .brochure ul li:nth-child(2n) { margin-right:0;}
    .brochure ul li:nth-child(3n) { margin-right:2%;}    
    .brochure ul li h3 { margin:15px 0; font-size:16px; line-height:1.4;}
    .brochure ul li .btn a { padding:8px;}

    .partners-contact th { padding:20px 10px; font-size:15px;}
    .partners-contact td { padding:20px 10px; font-size:15px;}
    .partners-contact input { width:100%;}

    .insight-view h4 { font-size:25px;}
    .insight-view .view-cont { flex-wrap:wrap;}
    .insight-view .view-cont .img { max-width:300px; width:100%;}
    .insight-view .view-cont .info { margin:20px 0 0; width:100%;}   
    .insight-view .view-cont .info p { margin:7px 0; font-size:16px; line-height:1.5;}
    .srboardView .viewArea .viewCont { font-size:14px; line-height:1.5;}

    .other-insight h5 { font-size:20px;} 
    .other-insight a { width:100%;}    

    .company .global-rank { flex-wrap:wrap;}
    .company .global-rank .img { width:100%;}
    .company .global-rank .txt-box { margin:20px 0 0; width:100%;}
    .company .global-rank .txt-box li { margin:0 0 20px;}
    .company .global-rank .txt-box .desc { font-size:18px;}
    .company .global-rank .txt-box .tit { font-size:22px;}
    .company .overview-list li .tit-1 { font-size:20px;}
    .company .overview-list li .tit-2 { font-size:16px;}

    .ceo .ceo-list .row { flex-wrap:wrap; justify-content:center; align-items:flex-start;}
    .ceo .ceo-list .img { margin:0 !important; max-width:none; width:100%; text-align:center !important;}
    .ceo .ceo-list .txt-box { margin:80px 0 0; width:100%;}
    .ceo .ceo-list .title { font-size:20px;}

    .sub .tab-menu li a {font-size:15px;}
    .company .tab-menu li a{font-size:12px; padding:5px 10px;}
    .global ul li { margin:2% 0 0; width:100%;}

    .partners-contact { margin:60px 0;}
    .partners ul > li { width:50%; height:250px;}
    .partners ul > li > a p { font-size:15px;}
    .partners ul > li:nth-child(3) { border-top:none;}

    .product .pro-imglist dl .imgbox strong { font-size:18px;}

    .partner-ex .right .part-ex-pagination { display:block !important;}
    .partner-ex .right .swiper-button-next { display:block !important;}
    .partner-ex .right .swiper-button-prev { display:block !important;}

    .solutions .inx-list ul li > * { width:100% !important;}

    .coreframe .sec:nth-child(2) .sec-sm:first-child > strong { font-size:20px;}
    .coreframe .sec:nth-child(2) .sec-sm:first-child > ul > li { font-size:16px;}
    .coreframe .coreframe-imglist dl .imgbox strong { font-size:18px;}

		.kubernetes .sec-wrap{
			width:500px;
		}
		.kubernetes .right-sec h3, .kubernetes .right-sec p{
			text-align: left;
		}
		.kubernetes .sec-04 .grid-box{
			width: 90%;
		}
		.imgbox-half > div:first-child{
			margin-bottom:50px;
		}
        .culture .sec-03 .content-{
            flex-direction: column;
        }
        .culture .sec-03 .wr{
            gap:30px;
        }
        .culture .sec-03 .box-:nth-child(2){
            padding:30px 0;
            margin:30px 0;
        }
        .partner-ex .right .partner-ex-list .swiper-wrapper{
            flex-wrap: nowrap;
        }
        .partner-ex .right .partner-ex-list .swiper-wrapper{
            height:120px;
        }
        .partner-ex .right .partner-ex-list .swiper-wrapper .swiper-slide{
            height:100%;
        }
}
@media all and (max-width: 500px) {
    .sec { padding-top:60px; padding-bottom:60px;}
    .main-visual .swiper-slide .btnwrap .btn-visual { padding:7px; margin-top:30px; min-width:170px; font-size:15px;}
    
    .main-visual-tit { padding:0 5%;}
    .main-sec01 ul li p { font-size:17px;}
    .main-sec01 ul li { margin:1%; width:48%; border:1px solid #ddd !important;}
    .main-sec01 ul li img { width:70px;}

    .main-sec05 .link-btn a { max-width:none; margin:20px 0 0; width:100%; text-align:left !important;}
    .main-sec05 .link-btn a:first-child { margin:0;}     

    .sub .tab { margin-top:60px;}

    .sub-visual { height:250px;}
    .sub-visual.big-con { height:300px;}
    .sub-visual h2 { font-size:27px;}
    .breadcrumb li { font-size:14px;}

    .sub-m-tit { font-size:20px !important;}
    .card .sub-m-tit { font-size: 18px !important;}
    .sub-sm-tit { font-size:18px;}
    .sub-sm-txt { font-size:16px;}
    .sub-sm-txt02 { font-size:16px;}
    .sub-sm-tit02 { font-size:20px;}
    .partner-ex .sub-sm-tit02 { font-size:20px;}
    .product .sub-sm-txt02 { font-size:17px;}
    .contact-success h3 { font-size:20px;}
    
    .mt-100 { margin-top:60px !important;}
    .mb-100 { margin-bottom:60px !important;}
    .pt-100 { padding-top:60px !important;}
    .pb-100 {padding-bottom:60px !important;}
		.pt-100 { padding-top:80px !important;}
    .pb-100 {padding-bottom:80px !important;}

    .sub-cont-tit h2 { padding:60px 0 0; font-size:30px;}

    .cont-sbj h3 {font-size:22px; margin-bottom:40px;}
    
    .header .logo {width:165px;}
    
    .sec-footer .ft-logo { display:inline-block; width:165px;}
    .sec-footer .ft-top > a{float:initial;         margin: auto;}
    .sec-footer .ft-link a { margin-left:10px;}
    .sec-footer .ft-top .fam-site{float: initial; width:100%;}
    .sec-footer .ft-top .fam-site strong{width:100%;}

    .btn-find-more { max-width:none; width:100%; text-align:left !important;}
    
    .ft-banner {padding:60px 0;} 
    .ft-banner .more { width:160px;}

    .inx-list ul li .tit { font-size:26px;}

    .core .advent-box .advent-tit h4 { font-size:20px;}
    .partner-ex .right { margin-top:60px;}
 
    .bada .sec:nth-child(3) .list-style01 > li { width:100%;}
    .bada .bada-icolist > ul > li > .ico { width:100%;}
    .bada .bada-icolist > ul > li > ul { margin-top:30px; width:100%;}
 
    .product .numbering-box dl dt strong { vertical-align:middle;}
    .product .numbering-box dl dt p { display:inline-block; margin-top:5px; margin-left:7px; vertical-align:middle; text-indent:0 !important; }
    .product .numbering-box > div dl { flex-wrap:wrap; justify-content:flex-start;}
    .product .numbering-box > div dl dt { width:100% !important;}
    .product .numbering-box > div dl dd { margin:10px 0 0; width:100% !important;}

    .product .numbering-list > li { width:32.3333%; height:180px;}
    .product .numbering-list > li strong { font-size:16px;}
    .product .numbering-list > li span { margin:3px 0 0; font-size:14px;}

    .cloudframe .sec:nth-child(2) ul > li > div { flex-wrap:wrap;}
    .cloudframe .sec:nth-child(2) ul > li > div > div { width:100%;}
    .cloudframe .sec:nth-child(2) ul > li > div > div h5 { margin-bottom:20px; font-size:18px;}

    .integration .sec:nth-child(2) .sub-sm-tit02 { font-size:18px;}

    .culture .sec:nth-child(1) { margin-bottom:60px;}

    .javaframe .javaframe-imgbox { margin-top:60px;}
    .package .sub-m-tit { margin-bottom:40px;}
    .career-board { margin-bottom:60px;}

    .service .btnwrap a { margin-top:1% !important; width:49% !important;}
    .service .btnwrap a:nth-child(2n+1) { margin-left:0 !important;}
    
		.kubernetes .sec-wrap{
			width:90%;
		}
		.kubernetes .sec-04 h3.sub-m-tit{
			margin-bottom:40px;

		}
		.service .wr .sub-text{
			font-size:17px;
		}
		.pb-350{padding-bottom:150px !important;}

        .main .main-sec05 .swiper-scrollbar{
            width: calc(100% - 170px);
        }
        .main-sec05 .btn-find-more {
            position: absolute;
            right: -2%;
            bottom: -30px;
            margin-bottom:0;
        }
        .culture .sec-03 .wr{
            padding:0;
            text-align: center;
        }
        .culture .sec-03 .box-title{
            text-align: center;
        }
        .culture .sec-03 .wr > .title{
            text-align: center;
        }
}