@charset "utf-8";
/*****************************************
*
* DX推進への取組み
*
******************************************/


/*------------------------------------------*/
/* DX経営方針
/*------------------------------------------*/



/*------------------------------------------*/
/* TCSのDX戦略
/*------------------------------------------*/

.dx-strategy__contents {
  position: relative;
}

.dx-strategy__contents+.dx-strategy__contents {
  margin-top: 80px;
}

@media screen and (min-width: 834px), print {
  .dx-strategy__contents+.dx-strategy__contents {
    margin-top: 100px;
  }
}

/* 数字 --------------------------------*/
.dx-strategy__contents .num-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: var(--color-main);
  color: white;
  font-size: 2rem;
  font-weight: bold;
}

@media screen and (max-width: 833px) {
  .dx-strategy__contents .num-heading {
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 834px), print {
  .dx-strategy__contents .num-heading {
    width: 100px;
    height: 100px;
    font-size: 3rem;
    position: absolute;
    top: 0;
    left: 0;
  }
}

/* 見出し --------------------------------*/
.dx-strategy__contents .heading {
  text-align: center;
  color: var(--color-main);
  font-size: 1.4rem;
  font-weight: bold;
}

@media screen and (min-width: 834px), print {
  .dx-strategy__contents .heading {
    text-align: left;
    font-size: 1.4rem;
    margin-left: 140px;
  }
}

/* 小見出し --------------------------------*/
.dx-strategy__contents .heading-sub {
  text-align: left;
  background: var(--color-light-main);
  font-size: 1.1rem;
  font-weight: bold;
  padding: 20px;
  margin-top: 40px;
  margin-bottom: 20px;
}

@media screen and (min-width: 834px), print {
  .dx-strategy__contents .heading-sub {
    padding-left: 60px;
    margin-top: 30px;
    margin-left: 70px;
  }
}

/* box --------------------------------*/

@media screen and (min-width: 768px), print {
  .dx-strategy__contents-box {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
  }
}

/* 画像 --------------------------------*/
.dx-strategy__contents figure img {
  width: 100%;
  max-width: 400px;
}

@media screen and (max-width: 767px) {
  .dx-strategy__contents figure {
    margin: 0 auto;
    margin-top: 20px;
  }
}

@media screen and (min-width: 834px), print {
  .dx-strategy__contents figure {
    flex-shrink: 0;
    width: 400px;
    margin-left: 70px;
  }
}

/* テキスト --------------------------------*/

@media screen and (min-width: 768px), print {
  .dx-strategy__contents-box .text {
    margin-left: 60px;
  }
}

@media screen and (min-width: 834px), print {
  .dx-strategy__contents .text {
    margin-left: 70px;
  }
}


/*------------------------------------------*/
/* DX推進体制
/*------------------------------------------*/


/*------------------------------------------*/
/* 環境整備
/*------------------------------------------*/


/*------------------------------------------*/
/* 数値目標（KGI・KPI）
/*------------------------------------------*/


/*------------------------------------------*/
/* セキュリティ
/*------------------------------------------*/


/*------------------------------------------*/
/* トップメッセージ
/*------------------------------------------*/