@charset "utf-8";

/* 背景：INDEXページ */
#projects-index .background,
#about-index .background { background:url("../images/indexpage_background-pc.jpg") center no-repeat; background-size:100% !important; background-position:top center;}
@media screen and (max-width:1024px) {
  #projects-index .background,
  #about-index .background { background:url("../images/indexpage_background-tb.jpg") top center no-repeat; background-size:100% !important; background-position:top 50px center;}
}
@media screen and (max-width:767px) {
  #projects-index .background,
  #about-index .background { background:url("../images/indexpage_background-sp.jpg") top center no-repeat; background-size:100% !important; background-position:top 50px center;}
}

/* 背景色を右端までのばす：INDEXページ */
#projects-index .title-box { /* 医研の事業INDEXのタイトル色帯がグレーで確定なら削除 */
/*  border-image-source:linear-gradient(to right,#e6b300 6%,#a0be50 6% 12%,#70af5a 12% 18%,#68b6d3 18% 24%,#6c78b5 24% 30%,#9774ac 30% 36%,#d06c49 36% 42%,#dc950f 42%);*/
/*  border-image-source:linear-gradient(to bottom,#e6b300 12.5%,#a0be50 12.5% 25%,#70af5a 25% 37.5%,#68b6d3 37.5% 50%,#6c78b5 50% 62.5%,#9774ac 62.5% 75%,#d06c49 75% 87.5%,#dc950f 87.5%);*/
  border-image-source:linear-gradient(#595858,#595858);
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw 0 0;
}

/* 下層コンテンツヘッダ：INDEXページ */
/* 個別設定なし */

/* 下層コンテンツボディ：INDEXページ */
/* 個別設定なし */

/* INDEXページ */
.list-indexpage { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; width:1388px;}
.list-indexpage::after{ content:""; display:block; width:31.7%;}
.list-indexpage li { width:31.7%; max-width:440px; background:#fff; margin-bottom:2.449568%; position:relative;}
.list-indexpage li a { display:block; width:100%; padding-left:2em; line-height:180px; font-size:2.8rem; font-weight:500; text-decoration:none;}
.list-indexpage li::before { content:""; width:20px; height:100%; position:absolute; top:0; left:0;}
.list-indexpage li a { color:#595858;}
.list-indexpage li::before { background:#595858;}
.list-indexpage li.pj01::before { background:#e6b300;}
.list-indexpage li.pj02::before { background:#a0be50;}
.list-indexpage li.pj03::before { background:#70af5a;}
.list-indexpage li.pj04::before { background:#68b6d3;}
.list-indexpage li.pj05::before { background:#6c78b5;}
.list-indexpage li.pj06::before { background:#9774ac;}
.list-indexpage li.pj07::before { background:#d06c49;}
.list-indexpage li.pj08::before { background:#dc950f;}
.list-indexpage li:hover::before { opacity:.8; cursor:pointer;}
@media screen and (max-width:1699px) {
  .list-indexpage { width:1150px;}
  .list-indexpage li a { font-size:2.6rem;}
}
@media screen and (max-width:1400px) {
  .list-indexpage { width:100%;}
  .list-indexpage li a { font-size:2.2rem; line-height:140px;}
}
@media screen and (max-width:1200px) {
  .list-indexpage li { width:49%; max-width:inherit; margin-bottom:2%; line-height:120px;}
}
@media screen and (max-width:1024px) {
  .list-indexpage { width:86%; margin:0 auto;}
  .list-indexpage li { width:49%; margin-bottom:2%; line-height:100px;}
}
@media screen and (max-width:767px) {
  .list-indexpage { flex-direction:column; justify-content:center;}
  .list-indexpage li { width:100%; margin-bottom:2%; min-width:300px;}
  .list-indexpage li::before { width:16px;}
  .list-indexpage li a { font-size:1.6rem; line-height:80px;}
}