@charset "UTF-8";
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NotoSansJP-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NotoSansJP-Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
/* シクロケムバイオ　英語版トップページ
   ========================================================================== */
#home {
  display: block;
  flex-wrap: nowrap; }
  #home .wrap {
    padding: 0 20px; }
  #home h2 {
    font-size: 2.4rem;
    font-weight: normal;
    line-height: 1;
    text-align: center; }
    #home h2::first-letter {
      color: #2d6fa1; }
  @media (min-width: 768px) {
    #home {
      width: 100%; }
      #home .wrap {
        width: 1100px;
        padding: 0;
        margin: 0 auto; }
      #home h2 {
        font-size: 3.6rem; } }

/* メインイメージ
   ====================================== */
.main-image {
  font-size: 0; }
  .main-image .main-pc {
    display: none; }
  @media (min-width: 768px) {
    .main-image {
      height: 280px;
      background: linear-gradient(90deg, #fafafa 0%, #fafafa 50%, #dde5eb 50%, #dde5eb 100%); }
      .main-image .main-sp {
        display: none; }
      .main-image .main-pc {
        position: relative;
        display: block;
        width: 1100px;
        height: 280px;
        background: url("../../img/main-bg.jpg") no-repeat right;
        margin: 0 auto; }
        .main-image .main-pc p {
          width: 450px;
          font-size: 2rem;
          line-height: 1.6 !important;
          padding-top: 10px; }
        .main-image .main-pc .btn {
          width: 450px; }
          .main-image .main-pc .btn a {
            position: relative;
            display: block;
            width: 450px;
            height: 60px;
            background: #2d6fa1 url("../../common/img/ic-external-white.png") no-repeat top 50% right 20px;
            font-size: 1.8rem;
            font-weight: bold;
            color: #fff;
            text-align: center;
            line-height: 60px;
            padding: 0 20px 0 20px;
            margin-top: 18px; } }
        @media (min-width: 768px) and (hover: hover) {
          .main-image .main-pc .btn a:hover {
            opacity: .8; } }

/* ニュースリリース
   ====================================== */
#top-news {
  margin-top: 20px; }
  #top-news .news-conts {
    margin-top: 20px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede; }
    #top-news .news-conts table tr:last-of-type {
      background: none; }
    #top-news .news-conts .sub-info {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      margin-top: .5em; }
      #top-news .news-conts .sub-info div {
        font-size: 1.2rem; }
  @media (min-width: 768px) {
    #top-news {
      margin-top: 60px; }
      #top-news .news-conts {
        margin-top: 40px; }
        #top-news .news-conts .sub-info {
          flex-direction: row;
          justify-content: flex-start;
          gap: 1em; }
          #top-news .news-conts .sub-info div {
            font-size: 1.4rem; } }

/* コンテンツバナー
   ====================================== */
#top-conts-bnr {
  margin-top: 20px; }
  #top-conts-bnr ul {
    display: flex;
    flex-wrap: wrap; }
    #top-conts-bnr ul li {
      width: calc((100% - 10px) / 2);
      font-size: 0;
      margin: 10px 10px 0 0; }
      #top-conts-bnr ul li:nth-child(2n) {
        margin-right: 0; }
      @media (hover: hover) {
        #top-conts-bnr ul li a:hover {
          opacity: .8; } }
  @media (min-width: 768px) {
    #top-conts-bnr {
      margin-top: 60px; }
      #top-conts-bnr ul li {
        width: calc((100% - 40px - .1px) / 3);
        margin: 20px 20px 0 0; }
        #top-conts-bnr ul li:nth-child(2n) {
          margin-right: 20px; }
        #top-conts-bnr ul li:nth-child(3n) {
          margin-right: 0; } }