@import url("https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css");
@import url("/css/common-a22481adaaa1d59b53804fa5e31adc65.css");
@import url("/css/navi-3b26329951fcdc573b59f697f4c546f9.css");

section.visual.service {
    height: 300px;
    background: url("/images/content/banner_sr@3x-254d5c90b8af51dc85de8310ca6b78da.png") no-repeat center/cover;
}
section.visual.technology {
    height: 300px;
    background: url("/images/content/banner_tc@3x-4a610a6f914a9b3325c5d2e190237e18.png") no-repeat center/cover;
}
section.visual.company {
    height: 300px;
    background: url("/images/content/banner_cp@3x-19b4f320f947a929a2dd99fde8535f49.png") no-repeat center/cover;
}
section.visual.recruit {
    height: 300px;
    background: url("/images/content/banner_rc@3x-3df29dc23f1425d458bae9606290b3c8.png") no-repeat center/cover;
}
.menu-carousel .owl-item {
    min-height: 1px;
    float: left;
} 
.menu-carousel li:hover {
    background:#0a51b7 !important; transition:all 0.25s ease-in-out;
}
section.visual.service.esg {
    background: url("/images/content/banner_esg-f926422a14ebf0ed8cf4d2eb2d647f60.png") no-repeat center/cover;
}
section.visual.service.irpr {
    background: url("/images/content/banner_irpr-9bb9806a1ec684baad64c9b2bf297c3f.png") no-repeat center/cover;
}
section.visual .sub-menu {
    width: 1290px;
    height: 300px;
    position: relative;
    margin: 0 auto;
}
section.visual .sub-menu h1 {
    font-size: 50px;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    padding-top: 114px;
}
section.visual.service .sub-menu h1 {
    padding-top: 84px;
    line-height: 1.6;
}
section.visual.service ul.inline {
    display:inline-block;
    text-align:center;
}
section.visual.service ul.inline li {
    float:none;
    display:inline-block;
    margin:0 -2px 0;
    border:0;
    border-left:1px solid #333;
}
section.visual.service ul.inline li:first-child {
    border-left:1px solid #0a0a0a;
}
section.visual.service ul {
    position: absolute;
    left: 0;
    bottom: -60px;
    width: 1290px;
    height: 120px;
}
section.visual.service ul li {
    float: left;
    width: 159px;
    height: 96px;
    padding-top: 24px;
    background-color: #0a0a0a;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    border-right: 1px solid #333333;
    cursor: move;
}
section.visual.service ul.inline li:first-child {
    border-left:0;
}
section.visual.service ul li.active {
    background-color: #0a51b7;
    border-color: #0a51b7;
}
section.visual.service ul li:last-child {
    width: 165px;
    /* border-right: none; */
}
section.visual.service ul li a {
    width: 100%;
    height: 100%;
    display: inline-block;
}
section.visual.service ul li img {
    width: 44px;
    height: 44px;
}
section.visual.service ul li span {
    display: block;
    margin-top: 8px;
}
section.visual.service button {
    display: none;
}
section.container {
    width: 1290px;
    margin: 0 auto;
    color: #111111;
    line-height: 1.6;
}
section.container h2 {
    margin-top: 161px;
    font-size: 40px;
    font-weight: bold;
    color: #111111;
    text-align: center;
    line-height: 1.45;
}
section.container.technology h2 {
    margin-top: 100px;
}
section.container h3 {
    padding-left: 24px;
    background: url("/images/content/blet-d7c6cbe5801d69b7c7e1859dcc3d322b.png") no-repeat left center;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 150px;
}
section.container .h3-p {
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    line-height: 1.6;
    margin-top: 20px;
}
section.container h4 {
    margin-top: 5px;
    text-align: center;
    color: #888888;
    font-size: 18px;
    font-weight: 400;
    padding: 0 15px;
}
section.container.technology h4 {
    color: #111111;
    font-size: 20px;
}
section.container p.description {
    /* margin-top: 40px; */
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    color: #111111;
    line-height: 1.6;

    /* width: 56%; */
    margin: 40px auto 0;
    padding: 0 15px;
}
section.container p.text {
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    line-height: 1.6;
    margin-top: 20px;
}
section.container .list-theme-wrap {
    margin-top: 60px;
}
section.container .list-theme-wrap li {
    float: left;
    margin: 30px 15px 30px;
    width: 410px;
    box-sizing: border-box;
    font-size: 0;
}
section.container .list-theme-wrap li:nth-last-child(-n+3) {
    margin-bottom: 0;
}
section.container .list-theme-wrap li:nth-child(3n) {
    margin-right: 0;
}
section.container .list-theme-wrap li:nth-child(3n+1) {
    margin-left: 0;
}
section.container .list-theme-wrap li img {
    width: 100%;
    height: 180px;
}
section.container .list-theme-wrap li p {
    font-size: 18px;
    font-weight: 500;
    color: #111111;
    background-color: #eeeeee;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 15px;
}
section.container.isp .list-theme-wrap li:nth-child(n+4) p {
    height: 80px;
    line-height: 1.6;
}
section.container.rnd .list-theme-wrap li p {
    height: 80px;
    line-height: 1.6;
}
/* technoloby */
section.container.technology .list-theme-wrap li {
    margin: 0 10px 50px;
    float: left;
    width: 306px;
    box-sizing: border-box;
}
section.container.technology .list-theme-wrap li:first-child,
section.container.technology .list-theme-wrap li:nth-child(5) {
    margin-left: 0;
}
section.container.technology .list-theme-wrap li:nth-child(4) {
    margin-right: 0;
}
section.container.technology .list-theme-wrap li img {
    width: 100%;
    height: 250px;
}
section.container.technology .list-theme-wrap li p {
    color: #333333;
}
section.container.technology .list-theme-wrap.column3 li p,
section.container.technology .list-theme-wrap.column4 li p {
    height: 80px;
    line-height: 1.6;
}
section.container.technology .list-theme-wrap.list-bottom li {
    margin-bottom: 0;
}
/*********************************/
section.container .technology {
    margin: 50px 0 0 0;
}
section.container .technology ul {
    font-size: 0;
}
section.container .technology li {  
    display: inline-block;
    margin-bottom: 80px;
}
section.container .technology li .icon_image {
    width: 130px;
    height: 105px; 
    padding-top: 25px;
    margin-right: 30px;
    background-color: #eeeeee;
    border-radius: 50%;
    text-align: center;
    float: left;

    background-position: center;
    background-color: #eeeeee;
    background-repeat: no-repeat;
    background-size: 50%;
}
section.container .technology li .icon_image.data {
    background-image: url("/images/content/icon_sv_data-84df769424127447dcf9a0c7b6cc0e13.png");
}
section.container .technology li .icon_image.map {
    background-image: url("/images/content/icon_sv_map-0cb9a6b0ba5702563eeefbcd84d5d8dc.png");
}
section.container .technology li .icon_image.start {
    background-image: url("/images/content/icon_sv_start-ec3fd55c89a7c080392ed6a5dbe7fe0e.png");
}
section.container .technology li .icon_image.load {
    background-image: url("/images/content/icon_sv_load-d4f0539ba6a31015e5683d95595311b6.png");
}
section.container .technology li .icon_image.organization {
    background-image: url("/images/content/icon_sv_organization-f1b2503db999889ec61964d02bcb2004.png");
}
section.container .technology li .icon_image.dot {
    background-image: url("/images/content/icon_sv_dot-04123dc788f37fdca6a05433cb97f927.png");
}
section.container .technology li .icon_image.mapsystem {
    background-image: url("/images/content/icon_sv_mapsystem-975a523cc01e73bc4286162f74aec72c.png");
}
section.container .technology li .icon_image.ai-system {
    background-image: url("/images/content/icon-ai-system-f8147582762563375b9051f1d93831e1.png");
}
section.container .technology li .icon_image.mlops {
    background-image: url("/images/content/icon-ai-mlops-caab59e3eb570ebc1ac063bd6e304f7a.png");
}
section.container .technology li .icon_image.sllm {
    background-image: url("/images/content/icon-ai-sllm-39319de67860a9715348906d0ddbf46e.png");
}
section.container .technology li .icon_image.system {
    background-image: url("/images/content/icon_sv_system-9bc8365982b6a1eef77133d644350f3e.png");
}
section.container .technology li .icon_image.upload {
    background-image: url("/images/content/icon_sv_upload-879ba3fb27f90faf6dae5bb0ed9aba62.png");
}
section.container .technology li .icon_image.aiagent {
    background-image: url("/images/content/icon-ai-aiagent-0571778d563800c326e58abe0ea6fde2.png");
}
section.container .technology li .icon_image.llmops {
    background-image: url("/images/content/icon-ai-llmops-f5d9e6e3d07c8c728067c2b9df7bff62.png");
}
section.container .technology li .icon_image.ghrap {
    background-image: url("/images/content/icon_sv_ghrap-5a59cd8a040a68e694be58ca77cc677c.png");
}
section.container .technology li .icon_image.cloud01 {
    background-image: url("/images/content/icon-cloud-system-01-340612f7f0f776d5593a160f598cf91c.png");
}
section.container .technology li .icon_image.cloud02 {
    background-image: url("/images/content/icon-cloud-system-02-171f17bc20600d3c15e149c6e0b3ccb3.png");
}
section.container .technology li .icon_image.cloud03 {
    background-image: url("/images/content/icon-cloud-system-03-18a6d9d34822eec0dd9158ef397aeeb3.png");
}
section.container .technology li .icon_image.cloud04 {
    background-image: url("/images/content/icon-cloud-system-04-dbf81f2faef7a8c34804743d9d83dc7f.png");
}
section.container .technology li .icon_image.cloud05 {
    background-image: url("/images/content/icon-cloud-system-05-62804d2667365fc6166a670b4e325b09.png");
}
section.container .technology li .description {
   float: left;
   width: 420px;
   padding-right: 65px;
}
section.container .technology li strong {
    font-size: 20px;
    font-weight: bold;
    
}
section.container .technology li p {
    margin-top: 20px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.6;
}
/* conatiner bottom */
section.container.service .technology li:nth-last-child(-n+2) {
    margin-bottom: 0;
}

section.container .technology li.mb80{
    margin-bottom: 80px!important;
}
section.container.service.lbs .technology li:nth-child(4) {
    margin-bottom: 80px;
}

/* Big-Data */
section.container.big-data .list-theme-wrap .clearfix {
    display: flex;
    flex-wrap: wrap;
}
section.container.big-data .list-theme-wrap ul:first-of-type li {
    margin-top: 0px;
}
section.container.big-data .list-theme-wrap .clearfix li {
    display: flex;
    flex-direction: column;
    float: none;
}
section.container.big-data .list-theme-wrap .clearfix li p {
    flex: 1;
}
section.container.big-data .description {
    white-space: normal;
    word-break: keep-all;
}


.h4-h3 {        /* 100/80/50*/   /* 100/70/30*/
    margin-top: 100px !important
}
.div-h3 {
    margin-top: 100px !important
}
.h3-p {         /* 20/20/15 */
    margin-top: 20px !important
}
.p-thumb {      /* 50/50/40 */
    margin-top: 50px !important
}
/* thumb-bottom padding -  30/30/30 */
.thumb-h3 {     /* 150/100/50 */
    margin-top: 120px !important
}
.h3-tech {      /* 50/50/30 */
    margin-top: 50px !important
}
.techli-li {    /* 86/80/50 */
    margin-top: 86px !important
}
/* tech bottom padding - 80/80/50 */
.tech-mqnic {   /* 150/100/50 */
    margin-top: 70px !important;
}
.container-mqnic {
    margin-top: 150px;
}
.mt-150 {
    margin-top: 150px;
}

/* board */
.forWeb{display:block;}
td.forWeb{display:table-cell;}
col.forWeb{display:table-column;}
.forTablet,
.forMobile{display:none;}
colgroup.forWeb{display:table-column-group;}

.sound-only{position: absolute!important;width: 1px!important; height: 1px!important;clip: rect(0 0 0 0)!important;overflow: hidden!important; border: 0!important; padding: 0!important;margin: -1px!important;}

section.container h2 + p.description.fs20{margin-top:55px;}
section.container p.description.fs20{font-size:20px;}
section.container p.description.fs20 em{color:#0a51b7;font-weight:500;}
section.container p.description.fs20 + p.description.fs20{margin-top:31px;}
section.container .sign{font-size: 18px;line-height: 1.78;color: #616161;margin:48px 0 0;text-align:center;}
section.container .sign .name{display:block;font-size: 20px;font-weight: 500;line-height: 1.6;color: #111;margin:2px 0 0;}

.list-esg-wrap{border-top:1px solid #ddd;margin:99px 0 0;padding:100px 0 150px;}
.list-esg-wrap > ul > li + li{margin-top:100px;}
.list-esg-wrap > ul > li{display:-webkit-flex;display:flex;align-items:center;font-size: 25px;line-height: 1.6;color: #111;}
.list-esg-wrap > ul > li img{width:625px;height:352px;vertical-align:middle;}
.list-esg-wrap > ul > li.rt{flex-direction:row-reverse;}
.list-esg-wrap > ul > li.rt .text{padding:0 100px 0 0;}
.list-esg-wrap .text{padding-left:100px;}
.list-esg-wrap .text .tit{font-size:20px;}
.list-esg-wrap .text .tit strong{display:block;font-size: 40px;font-weight: bold;line-height: 1.6;color: #111;}
.list-esg-wrap .text ul{margin:12px 0 0;}
.list-esg-wrap .text li + li{margin-top:5px;}
.list-esg-wrap .text li{position:relative;padding:0 0 0 20px;}
.list-esg-wrap .text li:before{content:"•";position:absolute;top:2px;left:0;}

.pxy-wrap{padding-bottom:150px;}

.info-wrap{position:relative;font-size: 20px;line-height: 1.6;color: #111;margin:30px 0 0;padding:0 0 0 15px}
.info-wrap .ico{position:absolute;top:0;left:0;}

.tit-wrap{display:-webkit-flex;display:flex;align-items:center;margin:55px 0 20px;}
.tit-wrap h3{-webkit-flex:1;flex:1;margin:0 !important;}
.tit-wrap .unit{font-size: 20px;font-weight: 300;line-height: 1.6;color: #888;}

.board2-wrap + .tit-wrap{margin-top:115px;}
.board2-wrap{border-top:solid 1px #000f33;}
.board2-wrap table{width:100%;table-layout:fixed;}
.board2-wrap th,
.board2-wrap td{color: #111;font-size:18px;line-height:1.6;text-align:center;padding:20px 0;word-break:break-all;vertical-align:middle;}
.board2-wrap thead th{border-bottom:solid 1px #000f33;font-size: 20px;font-weight: bold;color: #000f33;padding:19.5px 0;}
.board2-wrap tbody tr{border-bottom:solid 1px #ddd;}

.board-wrap.hover-disabled tbody tr:hover{background-color:transparent;}
.board-wrap{border-top:solid 2px #0a51b7;margin:55px 0 0;padding:0 0 150px;}
.board-wrap table{width:100%;table-layout:fixed;}
.board-wrap th,
.board-wrap td{color: #111;font-size:18px;line-height:1.6;text-align:center;padding:19px 0 20px;word-break:break-all;vertical-align:middle;}
.board-wrap tbody tr{border-bottom:solid 1px #ddd;}
.board-wrap td a{color: #111;}
.board-wrap td .mBtn1{color:#fff;line-height:38px;height:40px;}
.board-wrap td > .writer,
.board-wrap td > .date{display:none;}
.board-wrap td .ellipsis{position:relative;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:100%;}
.board-wrap tr{transition:all 0.4s 0s;}
.board-wrap tbody tr:hover{background-color: #f2f5fb;}
.board-wrap .tal{text-align:left;padding-left:20px;padding-right:20px;}
.board-wrap td.editor{padding:0;}
.board-wrap td .it{width:100%;}
.board-wrap td .it.w300{width:300px;}
.board-wrap td .it.date{width:200px;}

.page-wrap{margin:50px 0 0;line-height:normal;text-align:center;}
.page-wrap > span,
.page-wrap a,
.page-wrap strong{display:inline-block;border:1px solid #fff;color:#888;text-decoration:none;font-size:20px;vertical-align:middle;margin:0 -1px;min-width:38px;line-height:38px;height:38px;}
.page-wrap strong,
.page-wrap .active{color:#111;font-weight:bold;}
.page-wrap .prev,
.page-wrap .next{position:relative;display:inline-block;background:url(/images/common/icon_pag_prev-bf552112750877f076eb09c3c33b8f0d.png) 50% 50% no-repeat #fff;background-size:10px auto;border-color:#d5d5d5;font-size:12px;margin:0;text-indent:-9999px;font-size:0;min-width:auto;width:38px;overflow:hidden;z-index:10;}
.page-wrap .next{background-image:url(/images/common/icon_pag_next-597a14d6e84f3139c58967e874f0c8d5.png);background-position:50% 50%;}
.page-wrap .prev{margin-right:15px;}
.page-wrap .next{margin:0 0 0 15px;}
.page-wrap span.prev,
.page-wrap span.next{opacity:0.4;}

.article-wrap{border-top:2px solid #0a51b7;margin:55px 0 0;padding:0 0 150px;}
.article-wrap .title{padding:33px 0 25px;text-align:center;border-bottom:1px solid #e9e9e9;}
.article-wrap .title .iSt1{margin-bottom:10px;}
.article-wrap .title .tit{display:block;font-size: 25px;font-weight: 500;line-height: 1.6;color: #0a0a0a;word-break:break-all;}
.article-wrap .title .dat{display:inline-block;background-color: #f7f8fa;font-size: 14px;border-radius:29px;color:rgba(10,10,10,0.7);margin:10px 0 0;min-width:110px;line-height:31px;height:31px;}
.article-wrap .imgView{padding: 20px 20px 0;}
.article-wrap .imgView img{margin: 0 20px 20px 0;;vertical-align: middle;width: 270px;height: 220px;}
.article-wrap .article{border-bottom:1px solid #e9e9e9;border-left:0;border-right:0;font-size:18px;line-height: 1.6;color: #0a0a0a;padding:29px 20px;min-height:200px;word-break:break-all;}
.article-wrap .article a{cursor: pointer;text-decoration: underline;color: black;}
.article-wrap .article .img{margin:0 0 15px;}
.article-wrap .article .img img{max-width:100%;}
.article-wrap .attach{border: solid 1px #e9e9e9;border-left:0;border-right:0;background-color: #f2f5fb;padding:27px 20px;}
.article-wrap .attach a{font-size: 15px;line-height: 1.39;color: #0a0a0a;text-decoration:underline;}
.article-wrap .button_wrap{margin-top:30px;}

.iSt1{display:inline-block;color: #7a00da;font-size: 18px;font-weight: 500;min-width: 98px;line-height: 26px;height: 28px;text-align:center;border-radius: 2px;border: solid 1px #7a00da;background-color: #fff;}
.iSt1.news{color:#0a51b7;border-color:#0a51b7;}

.button_wrap{text-align:center;}

.btn .icon_list{display:inline-block;background:url(/images/common/icon_list-1ff36bd643106a65a73b3a7c3350fc79.png) 0 50% no-repeat;background-size:14px auto;padding-left:20px;}
.btn{display:inline-block;font-size: 18px;font-weight: 500;color: #fff;line-height: 43px;height: 45px;border-radius: 5px;border: solid 1px #000f33;background-color: #000f33;padding:0 20px;text-align:center;min-width: 110px;transition: all 0.4s 0s;}
.btn.primary{background-color: #0a51b7;border-color:#0a51b7;color:#fff;}
.btn.line{background-color:#fff;color: #0a0a0a;}

/*
.wrap{background:url(../images/g.png) 50% 0 no-repeat;}
*/
/* /board */

@media only screen and (max-width: 1024px) {   /* 1024*/
    section.visual.service {
        height: 274px;
        background: url("/images/content/banner_sr_tab-75e76afb0d6ed9baf807c540c9489d6a.png") no-repeat center/cover;
    }
    section.visual.technology {
        height: 274px;
        background: url("/images/content/banner_tc_tab-f637c72bcb2c82bec16b25e397bb2565.png") no-repeat center/cover;
    }
    section.visual.company {
        height: 274px;
        background: url("/images/content/banner_cp_tab-b0ed962d1e41ed87645fcd4153ff84c4.png") no-repeat center/cover;
    }
    section.visual.recruit {
        height: 300px;
        background: url("/images/content/banner_rc_tab-698d6f6857a285dca23df82b1cb8a8f2.png") no-repeat center/cover;
    }
    
    section.visual.service.esg {
        background: url("/images/content/m_banner_esg-18591a631ee8ba030ac8925e322959f6.png") no-repeat center/cover;
    }
    section.visual.service.irpr {
        background: url("/images/content/m_banner_irpr-24696dbce3ce6b8ececde9f132c8bd02.png") no-repeat center/cover;
    }

    section.visual .sub-menu {
        width: 100%;
        height: 100%;
    }
    section.visual .sub-menu h1 {
        font-size: 45px;
        font-weight: 500;
        color: #ffffff;
        text-align: center;
        padding-top: 105px;
    }
    section.visual.service .sub-menu h1 {
        padding-top: 51px;
        line-height: 1.6;
    }
    section.container.technology h4 {
        font-size: 18px;
    }
    section.visual.service ul {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 94px;
    }
    section.visual.service ul li {
        width: 12.5%;
        height: 94px;
        padding-top: 0;
        font-size: 12px;
        box-sizing: border-box;
    }
    section.visual.service ul li.active {
        /* width: 12.5%; */
        width: 100px;
    }
    section.visual.service ul li:last-child {
        /* width: 12.5%; */
        width: 100px;
    }
    section.visual.service ul li img {
        width: 30px;
        height: 30px;
    }
    section.visual.service ul li span {
        display: block;
        margin-top: 5px;
    }
    section.visual.service ul li a {
        padding-top: 21px;
        box-sizing: border-box;
    }
    section.visual.service ul.inline {
        display:-webkit-flex;
        display:flex;
    }
    section.visual.service ul.inline li {
        -webkit-flex:1;
        flex:1;
        margin:0;
    }
    section.container {
        width: 100%;
        box-sizing: border-box;
    }
    section.container h2 {
        margin-top: 60px;
        font-size: 35px;
        line-height: 1.45;
    }
    section.container.technology h2 {
        margin-top: 60px;
    }
    section.container p.description {
        /* width: 70%; */
        margin: 40px auto 0;
    }
    section.container p.text {
        padding: 0 15px;
        margin-top: 20px;
    }
    section.container .list-theme-wrap {
        margin-top: 60px;
    }
    section.container .list-theme-wrap li {
        float: left;
        margin-bottom: 30px;
        width: 50%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    section.container .list-theme-wrap li:nth-child(n) {
        padding: 0 15px;
        margin: 0 0 30px;
    }
    section.container .list-theme-wrap li:last-child {
        margin-bottom: 0;
    }
    section.container.its .list-theme-wrap li:nth-last-child(-n+2),
    section.container.isp .list-theme-wrap li:nth-last-child(-n+2),
    section.container.rnd .list-theme-wrap li:nth-last-child(-n+2),
    section.container.mobile .list-theme-wrap li:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    section.container .list-theme-wrap li img {
        width: 100%;
        height: 180px;
        object-fit: cover;
        /* object-position: 20% 10%; */
    }
    section.container .list-theme-wrap li p {
        font-size: 16px;
    }
    section.container.isp .list-theme-wrap li:nth-child(3) p, 
    section.container.isp .list-theme-wrap li:nth-child(4) p {
        height: 80px;
        line-height: normal;
    }
    section.container.isp .list-theme-wrap li:nth-child(n+5) p {
        height: 50px;
    }
    section.container.rnd .list-theme-wrap li p {
        height: 50px;
    }
    section.container.rnd .list-theme-wrap li:nth-child(n+3) p {
        height: 80px;
        line-height: 1.6;
    }
    /*technology*/
    section.container.technology .list-theme-wrap {
        padding: 0 8px;
    }
    section.container.technology .list-theme-wrap li {
        margin: 0 0 30px;
        padding: 0 7px;
        float: left;
        width: 33%;
        box-sizing: border-box;
    }
    section.container.technology .list-theme-wrap li:nth-child(3n) {
        padding-right: 0;
    }
    section.container.technology .list-theme-wrap li img {
        height: 188px;
    }
    section.container.technology .list-theme-wrap.column3 li p, 
    section.container.technology .list-theme-wrap.column4 li p {
        height: 70px;
    }
    section.container h3 {
        /* margin: 70px 0 0 15px; */
        margin: 100px 0 0 15px;
    }
    section.container .technology {
        margin: 50px 0 0 0;
        padding: 0 15px;
    }
    section.container .technology li {
        position: relative;
        margin-bottom: 80px;
        height: 130px;
        width: 100%;
        /* padding: 0 15px; */
    }

    /* section.container.service .technology li:last-child {
        margin-bottom: 0;
    } */
    section.container.service .technology li:nth-child(n) {
        margin-bottom: 80px;
    }
    section.container.service .technology li:last-child {
        margin-bottom: 0;
    }

    section.container .technology li .icon_image {
        position: absolute;
        top: 0;
        left: 0;
        width: 130px;
        height: 105px; 
        padding-top: 25px;
        margin-right: 30px;
        background-color: #eeeeee;
        border-radius: 50%;
        text-align: center;
        float: left;
    }
    section.container .technology li .description {
        position: absolute;
        width: 58%;
        top: 0;
        left: 160px;
        padding-right: 130px;
        float: none;
    }
    section.container .technology li strong {
        font-size: 20px;
        font-weight: bold;
        
    }
    section.container .technology li p {
        margin-top: 20px;
        font-size: 15px;
        font-weight: normal;
        line-height: 1.6;
    }

    footer .footer-address span.copyright {
        display: block;
    }
    .h4-h3 {        /* 100/80/50*/ /* 100/70/30*/
        margin-top: 80px !important
    }
    .div-h3 {        /* 100/80/50*/ /* 100/70/30*/
        margin-top: 70px !important
    }
    .h3-p {         /* 20/20/15 */
        margin-top: 20px !important
    }
    .p-thumb {      /* 50/50/40 */
        margin-top: 50px !important
    }
    /* thumb-bottom padding -  30/30/30 */
    .thumb-h3 {     /* 150/100/50 */
        margin-top: 70px !important
    }
    .h3-tech {      /* 50/50/30 */
        margin-top: 50px !important
    }
    .techli-li {    /* 86/80/50 */
        margin-top: 80px !important
    }
    /* tech bottom padding - 80/80/50 */
    .tech-mqnic {   /* 150/100/50 */
        margin-top: 20px !important;
    }
    .container-mqnic {
        margin-top: 100px !important;
    }
    .list-bottom {
        margin-bottom: 80px;
    }
    .mt-150 {
        margin-top: 100px;
    }
    
    /* board */
    col.forWeb,
    td.forWeb,
    .forWeb,
    .forMobile{display:none;}
    .forTablet{display:block;}
    td.forTablet{display:table-cell;}
    colgroup.forTablet{display:table-column-group;}

    section.container h2 + p.description.fs20{margin-top:32px;}
    section.container p.description.fs20{font-size:15px;}
    section.container p.description.fs20 + p.description.fs20{margin-top:31px;}
    section.container .sign{font-size: 15px;line-height: 1.6;margin-top:38px;}
    section.container .sign .name{font-size: 15px;}

    .list-esg-wrap{margin:60px 15px 0;padding:60px 70px 100px;}
    .list-esg-wrap > ul > li + li{margin-top:80px;}
    .list-esg-wrap > ul > li{font-size: 15px;}
    .list-esg-wrap > ul > li img{width:358px;height:202px;}
    .list-esg-wrap > ul > li.rt .text{padding-right:40px;}
    .list-esg-wrap .text{padding-left:40px;}
    .list-esg-wrap .text .tit{font-size:18px;}
    .list-esg-wrap .text .tit strong{font-size:30px;}
    .list-esg-wrap .text ul{margin-top:10px;}
    .list-esg-wrap .text li + li{margin-top:4px;}
    .list-esg-wrap .text li{padding-left:12px;}
    .list-esg-wrap .text li:before{top:0;}

    .pxy-wrap{padding:0 15px 100px;}

    .info-wrap{font-size:18px;margin-top:20px;}
    .info-wrap .ico{color: #0a51b7;}
    
    .tit-wrap{margin:30px 0 15px;}
    .tit-wrap .unit{font-size:15px;}

    .board2-wrap + .tit-wrap{margin-top:80px;}
    .board2-wrap th,
    .board2-wrap td{padding:20px 0;}
    .board2-wrap thead th{font-size:18px;}
    
    .board-wrap{margin:29px 15px 0;padding-bottom:100px;}
    .board-wrap colgroup .w120{width:40px !important;}
    .board-wrap colgroup .w310{width:150px !important;}
    .board-wrap th,
    .board-wrap td{font-size:15px;padding:16px 0;}
    .board-wrap td:first-child{padding-left:0;}
    .board-wrap .tal{padding-left:10px;padding-right:10px;}
    .board-wrap td > .writer,
    .board-wrap td > .date{display:block;font-size:13px;line-height: 1.6;color: #888;margin:2px 0 0;}
    .board-wrap td > .writer{color: #616161;font-size:15px;margin:4px 0 3px;}
    .board-wrap td .iSt1{margin:2px 0 8px;}
    .board-wrap .tal.px0t{padding-left:0;padding-right:0;}
    .board-wrap .tal.px0t.pr20t{padding-right:20px;}

    .article-wrap{margin:29px 15px 0;padding-bottom:100px;}
    .article-wrap .title{padding:30px 0;}
    .article-wrap .title .tit{font-size:18px;}
    .article-wrap .title .dat{background-color:transparent;font-size:15px;border-radius:0;color:#888;margin-top:5px;min-width:auto;line-height:120%;height:auto;}
    .article-wrap .article{font-size:15px;padding:19px 20px;min-height:auto;}

    .iSt1{font-size: 15px;min-width:78px;line-height: 21px;height: 23px;}
    

    /*
    .wrap{background:url(../images/g_t.png) 50% 20px no-repeat;width:768px;}
    */

    /* /board */
}
@media only screen and (max-width: 480px) {
    section.visual.service {
        height: 238px;
        background: url("/images/content/banner_sr_mo-903c174d8b11967cc5d8fea200d358b3.png") no-repeat center/cover;
    }
    section.visual.technology {
        height: 150px;
        background: url("/images/content/banner_tc_mo-99ce0fe639d4510a5ff3700d12bc1757.png") no-repeat center/cover;
    }
    section.visual.company {
        height: 150px;
        background: url("/images/content/banner_cp_mo-ba7724a4fa75ba2aa1026040ac1c960c.png") no-repeat center/cover;
    }
    section.visual.recruit {
        height: 150px;
        background: url("/images/content/banner_rc_mo-33748acb627e0ce0d8f0c059a0ece99d.png") no-repeat center/cover;
    }
    section.visual .sub-menu {
        width: 100%;
        height: 100%;
    }
    section.visual .sub-menu h1 {
        font-size: 35px;
        font-weight: 500;
        color: #ffffff;
        text-align: center;
        padding-top: 45px;
        line-height: 1.6
    }
    section.container.technology h4 {
        font-size: 15px;
    }
    section.visual.service ul {
        width: 800px;
        height: 88px;
        overflow: hidden;
    }
    section.visual.service .sub-menu h1 {
        padding-top: 45px;
    }
    section.visual.service ul li {
        width: 100px;
        height: 88px;
        /* padding-top: 18px; */
        font-size: 12px;
    }
    section.visual.service ul li.active {
        width: 100px;
    }
    
    section.visual.service li img {
        width: 32px;
        height: 32px;
    }
    section.visual.service li span {
        display: block;
        margin-top: 14px;
    }
    section.visual.service ul li a {
        padding-top: 18px;
        box-sizing: border-box;
    }
    section.visual.service button {
        width: 35px;
        height: 35px;
        border: none;
        display: block;
    }
    section.visual.service button.prev {
        background: url("/images/main/slidebtn_mo_left-3a948a0e3165cda82bf60f722445b87e.png") center;
        position: absolute;
        bottom: 27px;
        left: 0;  
    }
    section.visual.service button.next {
        background: url("/images/main/slidebtn_mo_right-552d13a9b5da85d95882459166235c76.png") center;
        position: absolute;
        bottom: 27px;
        right: 0;  
    }
    section.visual.service.esg ul {
        width:100%;
    }
    section.visual.service ul.inline {
        width:100%;
    }
    section.container {
        width: 100%;
        /* padding: 0 15px; */
        box-sizing: border-box;
    }
    section.container h2 {
        margin-top: 50px;
        font-size: 30px;
        line-height: 1.45;
    }
    section.container.technology h2 {
        margin-top: 50px;
    }
    section.container.technology .list-theme-wrap.column3 li p, 
    section.container.technology .list-theme-wrap.column4 li p {
        height: 70px;
    }
    section.container h4 {
        font-size: 15px;
    }
    section.container p.description {
        font-size: 13px;
        margin: 30px auto 0;
        /* max-width: 302px; */
    }
    section.container p.text {
        font-size: 13px;
        padding: 0 15px;
        margin-top: 15px;
    }
    section.container .list-theme-wrap {
        margin-top: 50px;
    }
    section.container .list-theme-wrap li {
        float: left;
        margin-bottom: 30px;
        padding: 0;
        width: 100%;
        box-sizing: border-box;
    }
    section.container .list-theme-wrap li:nth-child(n) {
        padding: 0 15px;
    }
    section.container.isp .list-theme-wrap li:nth-child(n), 
    section.container.rnd .list-theme-wrap li:nth-child(n),
    section.container.mobile .list-theme-wrap li:nth-child(n) {
        margin-bottom: 30px;
    }
    section.container.isp .list-theme-wrap li:last-child,
    section.container.rnd .list-theme-wrap li:last-child,
    section.container.mobile .list-theme-wrap li:last-child {
        margin-bottom: 0;
    }
    section.container .list-theme-wrap li img {
        width: 100%;
        height: initial;
        object-fit: cover;
        object-position: 20% 10%;
    }
    section.container.isp .list-theme-wrap li:nth-child(3) p {
        height: 50px;
    }
    section.container.isp .list-theme-wrap li:nth-child(4) p {
        height: 80px;
        line-height: normal;
    }
    section.container.rnd .list-theme-wrap li:nth-child(4) p {
        height: 50px;
        line-height: 1.6;
    }
    /* technoloby */
    section.container.technology h3.h3-tech {
        margin-top: 50px !important;
    }
    section.container.technology .list-theme-wrap {
        padding: 0 4px;
    }
    section.container.technology .list-theme-wrap li {
        float: left;
        margin-bottom: 20px;
        width: 50%;
        padding: 0 11px;
        box-sizing: border-box;
    }
    section.container.technology .list-theme-wrap li:nth-child(n){
        padding: 0 11px;
    }
    section.container.technology .list-theme-wrap li img {
        width: 100%;
        height: 122px;
    }
    
    section.container .list-theme-wrap li p {
        font-size: 15px;
        height: 40px;
    }
    section.container.technology .list-theme-wrap.column4 li:nth-child(3) p,
    section.container.technology .list-theme-wrap.column4 li:last-child p {
        height: 40px;
    }
    section.container.technology .list-theme-wrap.list-bottom li {
        margin-bottom: 20px;
    }
    section.container.technology .list-theme-wrap.list-bottom li:last-child {
        margin-bottom: 0;
    }
    section.container h3 { 
        margin-top: 50px;
        font-size: 18px;
        font-weight: 500;
        background: url("/images/content/blet-d7c6cbe5801d69b7c7e1859dcc3d322b.png") no-repeat left center;
        padding-left: 15px;
        background-size: 10px 16px;
        background-position-y: 6px;
    }
    section.container .h3-p {
        font-size: 15px;
        font-weight: normal;
        text-align: left;
        line-height: 1.6;
        margin-top: 20px;
    }
    section.container .technology {
        margin: 30px 0 50px 0;
    }
    section.container .technology li {
        position: relative;
        margin-bottom: 50px;
        height: inherit;
        min-height: 80px;
    }
    section.container .technology li.mb80{
        margin-bottom: 50px!important;
    }
    section.container.service .technology li:nth-child(n) {
        margin-bottom: 50px;
    }
    section.container.service.lbs .technology li:nth-child(4) {
        margin-bottom: 50px;
    }
    section.container.service .technology li:last-child {
        margin-bottom: 0;
    }
    section.container .technology li .icon_image {
        position: relative;
        height: initial; 
        margin-right: 5%;
        border-radius: 50%;
        width:22%;
        padding-bottom:22%;
        padding-top: 0;
        
    }
    
    section.container .technology li .icon_image img {
        width: 40px;
        height: 40px;
    }
    section.container .technology li .description {
        position: inherit;
        width: 73%;
        padding-right: 0;
        float: left;
        top: inherit;
        left: inherit;

    }
    section.container .technology li strong {
        font-size: 15px;
        font-weight: bold;
        
    }
    section.container .technology li p {
        margin-top: 10px;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.6;
    }
    .h4-h3 {        /* 100/80/50*/ /* 100/70/30*/
        margin-top: 50px !important
    }
    .div-h3 {        /* 100/80/50*/ /* 100/70/30*/
        margin-top: 30px !important
    }
    .h3-p {         /* 20/20/15 */
        margin-top: 15px !important
    }
    .p-thumb {      /* 50/50/40 */
        margin-top: 40px !important
    }
    /* thumb-bottom padding -  30/30/30 */
    .thumb-h3 {     /* 150/100/50 */
        margin-top: 20px !important
    }
    .h3-tech {      /* 50/50/30 */
        margin-top: 30px !important
    }
    .techli-li {    /* 86/80/50 */
        margin-top: 50px !important
    }
    /* tech bottom padding - 80/80/50 */
    .tech-mqnic {   /* 150/100/50 */
        margin-top: 0 !important;
    }
    .container-mqnic {
        margin-top: 50px !important;
    }
    .list-bottom {
        margin-bottom: 50px;
    }
    .mt-150 {
        margin-top: 50px;
    }
    
    /* board */
    td.forTablet,
    colgroup.forTablet,
    .forTablet,
    .forWeb{display:none;}
    .forMobile{display:block;}
    
    section.container h2 + p.description.fs20{margin-top:32px;}
    section.container p.description.fs20{font-size:13px;line-height: 1.63;}
    section.container p.description.fs20 + p.description.fs20{margin-top:25px;}
    section.container p.description.fs20 em.type2{color:#111;}
    section.container p.description.fs20 em.type2 span{color:#0a51b7;}
    section.container .sign{margin-top:40px;}
    section.container .sign .name{margin-top:5px;}

    .list-esg-wrap{padding-left:0;padding-right:0;}
    .list-esg-wrap > ul > li + li{margin-top:60px;}
    .list-esg-wrap > ul > li{display:block;font-size: 15px;}
    .list-esg-wrap > ul > li img{width:100%;height:auto;}
    .list-esg-wrap > ul > li.rt .text,
    .list-esg-wrap .text{padding:20px 0 0;}

    .board-wrap td:first-child{padding-left:0;}
    .board-wrap td > .date{display:block;font-size: 13px;line-height: 1.6;color: #888;margin:2px 0 0;}
    .board-wrap .tal.px0t.pr20t{padding-right:0;}
    .board-wrap .button{margin:12px 0 4px;}
    .board-wrap .button .btn{display:block;}
    .info-wrap{font-size:15px;padding-left:10px;}
        
    .page-wrap{margin-left:-10px;margin-right:-10px;}
    .page-wrap > span,
    .page-wrap a,
    .page-wrap strong{font-size:16px;margin:0;min-width:32px;line-height:32px;height:32px;}
    .page-wrap .prev,
    .page-wrap .next{background-size:7px auto;width:32px;}
    .page-wrap .prev{margin-right:11px;}
    .page-wrap .next{margin:0 0 0 11px;}

    .tit-wrap{margin:30px 0 15px;}

    .board2-wrap + .tit-wrap{margin-top:80px;}
    .board2-wrap th,
    .board2-wrap td{font-size:15px;padding:16px 0;}
    .board2-wrap thead th{font-size:15px;}
    .board2-wrap colgroup .w21per{width:25% !important;}
    
    /* /board */
}