/* =======================================
   add.css
   ---------------------------------------
   2025/11/03作成 全並：
   内製でのリニューアル対応
   ======================================= */

/* ---------------------------------------
   2025/11/03作成 全並：
   TOP i-ShareDXについて
   ======================================= */
   
/* 2025-11-03 全並：about::before の背景画像だけ削除 */
.isharedx .lContainer.topPage .about::before {
  background-image: none;
}

/* 2025-11-03 全並：お知らせの背景色変更など */
.news_ct_itm h2{
  color:#fff;
  padding-top:60px;
}
.isharedx .lContainer.topPage .news_ct_itm:first-child:before{
  background-color: #396e8f;
}

.isharedx .lContainer.topPage .news_ct_itm:first-child{
  background-color: #396e8f;
}

/* 2025-11-03 全並：背景削除に伴い、半透明の背景追加*/
.about_bg{
  background-color: #ffffffc0;
  padding:20px;
}

/* 2025-11-03 全並：DXとは、マニュアル改善についての入れ替えに伴う余白修正 */
.isharedx .lContainer.topPage .about {
  margin-top: 0rem;
  padding-bottom:12rem;}

@media screen and (max-width: 1279px) {
  .isharedx .lContainer.topPage .about {
    margin-top: 0rem;
  padding-bottom:7rem; } }

@media screen and (max-width: 1023px) {
  .isharedx .lContainer.topPage .about {
    margin-top: 0rem;
  padding-bottom:5rem;  } }

@media screen and (max-width: 991px) {
  .isharedx .lContainer.topPage .about {
    margin-top: 0rem;
  padding-bottom:3rem;  } }

@media screen and (max-width: 767px) {
  .isharedx .lContainer.topPage .about {
    margin-top: 0rem;
  padding-bottom:3rem;  } }

@media screen and (max-width: 479px) {
  .isharedx .lContainer.topPage .about {
    margin-top: 0rem;
  padding-bottom:3rem;  } }

/* 2025-11-03 全並：DXとは、マニュアル改善についての入れ替えに伴う余白修正 */
.isharedx .lContainer.topPage .news {
  padding-bottom: 6rem; }

@media screen and (max-width: 1023px) {
  .isharedx .lContainer.topPage .news {
    padding-bottom: 4rem; } }

@media screen and (max-width: 767px) {
  .isharedx .lContainer.topPage .news {
    padding-bottom: 2rem; } }


/* 2025-11-03 全並：DXとは、マニュアル改善についての入れ替えに伴う余白修正 */

.isharedx .lContainer.topPage .approach {
  margin-bottom: 0rem;
  padding-top: 12rem;
  padding-bottom: 30rem;}

@media screen and (max-width: 1279px) {
  .isharedx .lContainer.topPage .approach {
    margin-bottom: 0rem;
     padding-top: 8rem;
    padding-bottom:15rem; } }

@media screen and (max-width: 1023px) {
  .isharedx .lContainer.topPage .approach {
    margin-bottom: 5rem;
     padding-top: 5rem;
    padding-bottom:5rem; } }

@media screen and (max-width: 767px) {
  .isharedx .lContainer.topPage .approach {
    margin-bottom: 5rem;
     padding-top: 5rem;
    padding-bottom:3rem; } }

@media screen and (max-width: 479px) {
  .isharedx .lContainer.topPage .approach {
    margin-bottom: 3rem;
     padding-top: 3rem;
    padding-bottom:2rem; } }