@charset "utf-8";


/* section */
.solutionsArea{
    padding: 0px 0 60px;
}
.solutionsArea:nth-child(2n+1){
    background-color: #F2F2F2;
}
.reversedBg .solutionsArea{
    background-color: #F2F2F2;
}
.reversedBg .solutionsArea:nth-child(2n+1){
    background-color: #fff;
}
@media screen and (min-width: 768px){

}
@media screen and (max-width:767px){
    .solutionsArea{
        padding: 0;
    }
}

.mvBgArea{
    text-align: center;
}

/* index.html */
#solutionsIndex .solutionsArea{
    padding: 60px 20px;
}
#solutionsIndex #topArea{
    padding: 0px 0 60px;
}
@media screen and (max-width:767px){
    #solutionsIndex .solutionsArea{
        padding: 30px 0 0;
    }
    #solutionsIndex #topArea{
        padding: 0;
    }
}

/* ecm-example */
.ecm-example-text + .heading-4{
    margin-top: 16px;
}

/* mds-phase */
.mds-phase {
    font-weight: 400;
    font-size: 23px;
    line-height: 1.4;
    padding-left: 44px;   
    margin-bottom: 20px; 
    letter-spacing: -0.01em;
    background-position: 0 center;
    background-size: 34px 34px;
    background-repeat: no-repeat;
    border: none;
}
.mds-phase--1 {
    background-image: url(/asia/zh/solutions/assets/images/phases/icon_1.jpg);
}
.mds-phase--2 {
  background-image: url(/asia/zh/solutions/assets/images/phases/icon_2.jpg);
}
.mds-phase--3 {
  background-image: url(/asia/zh/solutions/assets/images/phases/icon_3.jpg);
}
.mds-phase--4 {
  background-image: url(/asia/zh/solutions/assets/images/phases/icon_4.jpg);
}
.mds-phase--5 {
  background-image: url(/asia/zh/solutions/assets/images/phases/icon_5.jpg);
}




/* add 200701 */
/* ==============================
BREAK POINT(common2)
=================================*/
@media screen and (max-width:767px){}
@media screen and (min-width:768px){}

.conBlock { width: 100%;}

* .bg-f2{ background-color: #F2F2F2; }
* .bg-blue{ background-color: #0a9bcd; }
.padBox{padding:30px;}
@media screen and (max-width:767px){
  .padBox{padding:15px;}
}

.conBlock a{
  color:#0a9bcd;
}
.conBlock a:hover{
  text-decoration: underline;
  color: #0a9bcd;
}
.conBlock a:visited{
  color:#0a9bcd;
}

.bg-blue h1{color:#fff;}

/* ------------------------------
p.small 
--------------------------------- */
p.small { font-size: 80%;}
span.small{ font-size: 80%; }

/* ------------------------------
matter
--------------------------------- */
.matter{
  padding: 0 20px;
}
.tit_matter{
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.43;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
  overflow-wrap: break-word;
  margin-bottom: 30px;
}
.flex2col{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
.flex2col > .col{
  width: calc( (100% - 30px) / 2 );
  margin-bottom: 30px;
}
.tit04 {
  font-weight: 900;
  font-size: 2.0rem;
  line-height: 1.4;
  margin-bottom: 20px;
  letter-spacing: -0.01em;
}
.heading-4 {
    font-size: 2.0rem;
    font-weight: 900;
}
.c_heading_gray, .c_heading_gray_irregular {
    font-size: 2.0rem;
    font-weight: 900;
    line-height: 2.0;
}
@media screen and (max-width: 767px){
  .matter{
    padding:30px 0;
  }
  .tit_matter{
    font-size: 22px;
    padding: 10px 0;
    margin-bottom: 15px;
  }
  .flex2col{
    display: block;
  }
  .flex2col > .col{
    width: 100%;
    margin-bottom: 30px;
  }
  .flex2col .tit04 {
    font-size: 2rem;
    margin-bottom: 10px;
  }
  .flex2col > .col:last-child{
    margin-bottom: 0;
  }
}

.small-img-2col .con_r {
    width: auto;
}
@media screen and (max-width: 767px){
  .small-img-2col .con_r {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* ------------------------------
page-btn-4col
--------------------------------- */
ul.page-btn-4col {
  list-style: none;
}
ul.page-btn-4col {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
ul.page-btn-4col li {
  width:calc( ( 100% - 45px ) / 4 );
  margin:0 15px 15px 0;
}
ul.page-btn-4col li:nth-child(4n){
  margin-right: 0;
}
ul.page-btn-4col a {
  width: 100%;
  height: 100%;
  background: #0a9bcd;
  color: #fff !important;
  font-size: 20px;
  padding:9px;
  line-height: 1.2;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 0;
}
@media screen and (max-width:767px){
  ul.page-btn-4col {
    display: block;
  }
  ul.page-btn-4col li {
    width:100%;
    margin:0 0 15px 0;
  }
  ul.page-btn-4col li:last-child{
    margin-bottom: 0;
  }
}

/* ------------------------------
tit-with-ico
--------------------------------- */
.tit-with-ico {
  font-size: 2.5rem;
  font-weight: bold;
  padding-left: 50px;
  background-position: 0 center;
  background-size: 40px 40px;
  background-repeat: no-repeat;
  border: none;
  margin-bottom: 20px;
}
.tit-with-ico.ico-ecm01 { background-image: url(/asia/zh/solutions/ecm/images/ksim_img01.jpg); }
.tit-with-ico.ico-ecm02 { background-image: url(/asia/zh/solutions/ecm/images/ksim_img02.jpg); }
.tit-with-ico.ico-ecm03 { background-image: url(/asia/zh/solutions/ecm/images/ksim_img03.jpg); }
.tit-with-ico.ico-ecm04 { background-image: url(/asia/zh/solutions/ecm/images/ksim_img04.jpg); }

/* ==============================

/solutions/ecm/

=================================*/
@media screen and (max-width: 767px){
  .box-item-block.pd0{
    padding:0 0 15px 0;
  }
  .small-img-2col .con_l.bg-f2 {
      padding:10px 15px;
  }
  .small-img-2col .con_l.imgArea {
  padding:20px 0 0 0 ;
  }
}
.c_button_wrapper_download{
    width: 300px;
    margin: 0 auto;
}
@media screen and (max-width: 767px){
    .c_button_wrapper_download{
        width: 100%;
    }
}

/* ==============================

table-company

=================================*/
.table-company{
  margin-bottom: 30px;
  width: 100%;
  border: 1px solid #e4e4e4;

}
.table-company thead th{
    background: #585858;
    color: #fff;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
}
.table-company thead td{
    background: #9a9a9a;
    color: #fff;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
}
.table-company tbody th{
  background: #e6e6e6;
  vertical-align: middle;
  text-align: left;
}
.table-company tbody td{
  background: #f6f6f6;
  vertical-align: middle;
}
.table-company th,
.table-company td{
  padding: 5px 15px;
  border: 1px solid #fff;
  /* ADJUST BR */
  word-wrap:break-word;
  overflow-wrap:break-word;
}
.table-company a{
  color:#0a9bcd;
}
.table-company a:hover{
  text-decoration: underline;
  color: #0a9bcd;
}
.table-company a:visited{
  color:#0a9bcd;
}
.table-company.valM th,
.table-company.valM td{
  vertical-align: middle;
}
.table-company.valM th img,
.table-company.valM td img{
  vertical-align: middle;
}
.table-company.talC th,
.table-company.talC td{
  text-align: center;
}
.table-company th.talL,
.table-company td.talL{
  text-align: left;
}

.table-company.SNS tbody td{
  text-align: center;
}
.table-company .thin {
  display: inline;
  font-weight: 100;
}

.table-company tr.logoCell th img{
  display: inline-block;
  margin:10px 0;
}
.table-company img.tbl-ico{

}
.table-company td.valM{
  padding-top:0;
  padding-bottom: 0;
}
.table-company td.alnC{
  padding-left:0;
  padding-right: 0;
}

.table-company.bg-trans thead th,
.table-company.bg-trans thead td,
.table-company.bg-trans tbody th,
.table-company.bg-trans tbody td{
  background-color: transparent;
  color: #fff;
}

.table-wrap.w40p{margin:0 auto;}
.table-wrap.w50p{margin:0 auto;}
.table-wrap.w60p{margin:0 auto;}
.table-wrap.w70p{margin:0 auto;}
.table-wrap.w80p{margin:0 auto;}
.table-wrap.w90p{margin:0 auto;}


@media screen and (max-width: 768px) {
  .table-company{
    table-layout: fixed;
  }
  .table-company th,
  .table-company td{
    font-size: 1.3rem;
  /* ADJUST BR */
/*  word-wrap:break-word;
  overflow-wrap:break-word;*/
  }
  .table-wrap {
    overflow: auto;
    white-space: nowrap;
    display:block;
    width:auto;
  }
  .table-wrap table {
    width: 100%;
    display:table;
  }
  .table-wrap:-webkit-scrollbar {
    height: 5px;
  }
  .table-wrap:-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .table-wrap:-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .table-company{
    width: 100%;
    max-width: 100%;
    word-wrap:break-word;
    overflow-wrap:break-word;
  }
  .table-company.SNS th{
    width: 13%;
    font-weight: 200;
  }
  .table-company.SNS tbody th{
    height: 4em;
    font-weight: 200;
  }
  .table-company.SNS th:nth-child(1){
    width: 35%;
  }
  .table-company.SNS th a,
  .table-company.SNS td a{
    display: block;
    height: 100%;
    width: 100%;
  }
  .table-company.SNS th img,
  .table-company.SNS td img{
    max-width: 60%;
  }
  .table-company.SNS th img.minImg,
  .table-company.SNS td img.minImg{
    max-width: 40%;
  }
  .table-company span.thin {
    display: none;
  }
  .table-company th, .table-company td {
      padding: 5px 5px;
  }
  .table-wrap table.table-company.SNS {
    /*width: 390px;*/
    display:table;
/*    white-space: pre-wrap;*/
  }
  .table-wrap table.table-company.SNS tbody td{
 /*   white-space: pre-wrap;*/
    font-weight: 100;
    font-size: 80%;
  }

  table.table-company .w95p {width: 95% !important;}
  table.table-company .w90p {width: 90% !important;}
  table.table-company .w85p {width: 85% !important;}
  table.table-company .w80p {width: 80% !important;}
  table.table-company .w75p {width: 75% !important;}
  table.table-company .w70p {width: 70% !important;}
  table.table-company .w65p {width: 65% !important;}
  table.table-company .w60p {width: 60% !important;}
  table.table-company .w55p {width: 55% !important;}
  table.table-company .w50p {width: 50% !important;}
  table.table-company .w49p {width: 49% !important;}
  table.table-company .w48p {width: 48% !important;}
  table.table-company .w47p {width: 47% !important;}
  table.table-company .w45p {width: 45% !important;}
  table.table-company .w40p {width: 40% !important;}
  table.table-company .w35p {width: 35% !important;}
  table.table-company .w30p {width: 30% !important;}
  table.table-company .w25p {width: 25% !important;}
  table.table-company .w20p {width: 20% !important;}
  table.table-company .w15p {width: 15% !important;}
  table.table-company .w10p {width: 10% !important;}

}

@media screen and (max-width: 390px) {
  .table-wrap table.table-company.SNS {
    width: 390px;
  }
}



/* tbl ftr blue */
table.bg-trans {
  border-collapse: collapse;
  line-height: 1.4;
  text-align: left;
  color: #FFFFFF;
  font-size: 20px;
  background-color: transparent;
}

table.bg-trans th {
  padding: 11px 40px 13px 10px;
  text-align: left;
  border-right: none;
  white-space: nowrap;
  border-bottom: solid 1px #48b4da;
  vertical-align: top;
  background-color: transparent;
}
table.bg-trans td {
  padding: 11px 10px 13px 0;
  border-left: none;
  font-weight: normal !important;
  border-bottom: solid 1px #48b4da;
  background-color: transparent;
}
@media screen and (max-width: 390px) {
    table.bg-trans th,
    table.bg-trans th {
        font-size: 14px;
    }
}


/* ==============================

ADJUST

=================================*/

.strong{
  font-weight: 900;
}

.pd0{
  padding:0 !important;
}

.alnL{
  text-align: left !important;
}
.alnC{
  text-align: center !important;
}
.alnR{
  text-align: right !important;
}
.valM{
  vertical-align: middle !important;
}
.valT{
  vertical-align: top !important;
}
.mAuto{
  margin-left:auto;
  margin-right:auto;
}

/*--- display adjust ---*/
.dispN{
  display: none !important;
}
.dispI{
  display: inline !important;
}
.dispIB{
  display: inline-block !important;
}
.dispB{
  display: block !important;
}

@media screen and (max-width: 767px) {
  /* -----------------------------
  ADJUST
  ----------------------------- */
  /*--- display adjust ---*/
  .spdispN{
    display: none !important;
  }
  .spdispI{
    display: inline !important;
  }
  .spdispIB{
    display: inline-block !important;
  }
  .spdispB{
    display: block !important;
  }
}

/* -----------------------------
clearfix
----------------------------- */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/* productsBtnArea */
.productsBtnArea .c_button_wrapper:first-child{    
    margin-top: 0;
}
.productsBtnArea .c_button{
    margin: 0 auto;
}
.productsBtnArea .cvBtn a{
    padding: 20px 30px;
    font-weight: bold;
    font-size: 18px;
}
.productsBtnArea .dlBtn{
     line-height: 1.4;
}
.productsBtnArea .dlBtn a{
    padding: 12px 30px;
}