@charset "UTF-8";
/*!
 * プレスリリースCSS
*/

body {
  /* background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-l-resources.jpg); */
}

.pressReleaseDetail {
  padding-top: 50px;
}

/*プレスリリース個別コンポーネント*/

.logos {
  margin-bottom: 80px;
}

.logos img {
  width: 100%;
}

.socials {
  text-align: right;
  margin: 0 auto 30px;
}
.socials ul li {
  display: inline;
}

.socials ul li:nth-child(4) button {
  top: -5px;
} /* linkedin */

.date {
  text-align: right;
  margin: 0 auto 15px;
}
.companyName {
  margin-bottom: 100px;
}

h1.news {
  font-size: 24px;
  line-height: 1.5;
  margin-top: 20px;
  margin-bottom: 30px;
}

h3 {
  margin-bottom: 30px;
  line-height: 1.5;
}
.readTxt p {
  margin-bottom: 100px;
}

.pressReleaseTxt p {
  margin-bottom: 30px;
  line-height: 24px;
}
.pressReleaseTxt div.txtArea {
  margin-bottom: 60px;
}
.pressReleaseTxt table th,
.pressReleaseTxt table td {
  border: none;
}

/* =========================================================
 * タブレット版
 * 768px以下に適応
 * ====================================================== */

@media screen and (max-width: 768px) {
  body {
    /* background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-t-resources.jpg); */
    /* background-size:contain; */
  }

  h1.news {
    font-size: 1.5rem;
  }

  h3 {
    margin-bottom: 30px;
    font-size: 1.5rem;
  }
  .readTxt p {
    margin-bottom: 80px;
  }
  .logos {
    margin-bottom: 50px;
  }
  .logos img {
    width: 100%;
  }
  .pressReleaseTxt p {
    margin-bottom: 20px;
  }
  .pressReleaseTxt div.txtArea {
    margin-bottom: 40px;
  }

}

/* =========================================================
 * スマホ版
 * 480px以下に適応
 * ====================================================== */

@media screen and (max-width: 480px) {
  body {
    /* background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-m-resources-m@2x.jpg); */
    /* background-size:contain; */
  }

  h1.news {
    font-size: 1.2rem;
  }

  h3 {
    margin-bottom: 30px;
    font-size: 1.2rem;
  }

  .readTxt p {
    margin-bottom: 40px;
  }

  .logos {
    margin-bottom: 40px;
  }

  .logos img {
    width: 100%;
  }

  .pressReleaseTxt p {
    margin-bottom: 20px;
  }

  .pressReleaseTxt div.txtArea {
    margin-bottom: 40px;
  }

}