@charset "UTF-8";
#csr {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  #csr {
    margin-top: 34px;
  }
}

.content-links {
  margin-top: 76px;
}
@media screen and (max-width: 767px) {
  .content-links {
    margin-top: 37px;
  }
}

.lower-title {
  margin-bottom: 44px;
}
@media screen and (max-width: 767px) {
  .lower-title {
    margin-bottom: 26px;
  }
}

section p {
  font-size: 18px;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  section p {
    font-size: 14px;
    line-height: 1.8;
  }
}

.grid {
  display: grid;
}

/* ▼▼▼ 安全・品質への取り組み
====================================================== */
#csr__top {
  margin-top: 151px;
}
#csr__top .grid {
  grid-template-columns: 48.3% 43.8%;
  justify-content: space-between;
  gap: 20px 0;
  margin-top: 35px;
}
#csr__top .grid span {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  #csr__top {
    margin-top: 75px;
  }
  #csr__top .grid {
    grid-template-columns: 1fr;
    margin-top: 27px;
  }
  #csr__top .grid span {
    margin-top: 5px;
    font-size: 12px;
  }
}

.csr__top-img {
  margin-top: -18px;
}

/* ▼▼▼ 環境への取り組み
====================================================== */
#environment {
  margin-top: 100px;
}
#environment .grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 34px;
  margin: 33px 0 40px;
}
#environment .grid p {
  grid-column: 2/4;
  text-align: center;
  line-height: 1.43;
}
@media screen and (max-width: 767px) {
  #environment {
    margin-top: 30px;
  }
  #environment .grid {
    grid-template-columns: 1fr;
    margin: 20px 0 25px;
  }
  #environment .grid p {
    grid-column: 1/1;
  }
}

/* ▼▼▼ 働きやすさへの取り組み
====================================================== */
#work_life {
  margin-top: 100px;
}
#work_life .grid {
  grid-template-columns: 1fr 29.5%;
  gap: 20px 35px;
}
#work_life em {
  display: block;
  margin-bottom: 0.5em;
  color: #0042AC;
  font-size: 30px;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  #work_life {
    margin-top: 46px;
  }
  #work_life .grid {
    grid-template-columns: 1fr;
  }
  #work_life .grid p {
    order: 2;
  }
  #work_life .grid .img {
    order: 1;
  }
  #work_life em {
    font-size: 20px;
    margin-bottom: 8px;
  }
}

/* ▼▼▼ 
====================================================== */
#corporation-info {
  margin-top: 165px;
}
@media screen and (max-width: 767px) {
  #corporation-info {
    margin-top: 56px;
  }
}