


/* 先輩社員の声 */
#_archive{
  /* padding-bottom: 20px; */
}
#_archive .cntText{
  max-width: 896px;
  margin: 0 auto 120px;
  line-height: 2;
}
#_archive .cntList .btnarea{
  grid-column-end: -1;
  grid-column-start: 1;
}
#_archive .cntBtn{
  margin: 55px auto 0;
}
#_archive .cntDiv-nav .nav-links{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px 20px;
  margin-top: 100px;
  font-weight: 500;
}
#_archive .cntDiv-nav .page-numbers:not(.prev, .next, .dots){
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid #CBCBCB;
  transition: background .3s ease-out, color .3s ease-out;
  line-height: 48px;
  text-align: center;
}
#_archive .cntDiv-nav .page-numbers.current,
#_archive .cntDiv-nav a.page-numbers:not(.prev, .next, .dots):hover{
  background: var(--c-main);
  border-color: var(--c-main);
  color: #fff;
}
#_archive .cntDiv-nav .prev,
#_archive .cntDiv-nav .next{
  margin: 0 16px;
}
#_archive .cntDiv-nav .prev:hover,
#_archive .cntDiv-nav .next:hover{
  text-decoration: underline;
}
#_archive .cntDiv-none{
  margin-top: -40px;
}
#_archive .cntDiv-none .text{
  margin-bottom: 24px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
#_archive .cntDiv-none .btn{
  justify-content: center;
  max-width: 289px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
#_archive .cntDiv-none .btn .txt{
  display: flex;
  align-items: center;
}
#_archive .cntDiv-none .btn .txt::before{
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 15px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_i_icon_00041_icon_000412%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234.964%22%20height%3D%2234.964%22%20viewBox%3D%220%200%2034.964%2034.964%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35277%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035277%22%20d%3D%22M33.931%2C28.944%2C28.1%2C23.115a16.944%2C16.944%2C0%2C0%2C1-1.051%2C1.444l-2.15-2.15c.093-.121.184-.243.274-.367.06-.084.12-.167.177-.252.01-.013.019-.027.028-.04.058-.086.117-.172.173-.259.123-.187.241-.377.354-.57a13.885%2C13.885%2C0%2C0%2C0%2C0-14.03A14.016%2C14.016%2C0%2C0%2C0%2C20.92%2C1.9a13.885%2C13.885%2C0%2C0%2C0-14.03%2C0c-.085.049-.168.1-.252.152-.107.065-.214.133-.318.2-.186.122-.371.248-.551.379-.061.043-.12.088-.179.132L5.4%2C2.909l-.173.137c-.113.091-.225.182-.335.277A13.926%2C13.926%2C0%2C0%2C0%2C3.323%2C4.894c-.095.11-.186.221-.277.335-.046.057-.092.116-.137.173l-.142.187c-.044.059-.089.119-.132.179-.131.18-.257.365-.379.551-.069.1-.136.212-.2.318-.052.084-.1.167-.152.252a13.885%2C13.885%2C0%2C0%2C0%2C0%2C14.03A14.016%2C14.016%2C0%2C0%2C0%2C6.89%2C25.908a13.885%2C13.885%2C0%2C0%2C0%2C14.03%2C0q.193-.113.382-.233c.063-.039.126-.08.188-.121.087-.056.173-.115.259-.173l.04-.028c.085-.057.168-.117.252-.177.124-.09.246-.181.367-.274l2.15%2C2.15A17%2C17%2C0%2C0%2C1%2C23.114%2C28.1l5.829%2C5.829a3.527%2C3.527%2C0%2C0%2C0%2C4.988-4.988Zm-14.49-6.867c-.028.02-.056.039-.086.057s-.065.044-.1.065l-.091.058q-.059.038-.118.073l-.111.068c-.08.047-.159.093-.24.138l-.019.011c-.066.036-.132.072-.2.106-.026.015-.052.029-.08.042l-.159.08q-.153.076-.308.145a9.865%2C9.865%2C0%2C0%2C1-8.055%2C0A9.926%2C9.926%2C0%2C0%2C1%2C4.89%2C17.932a9.841%2C9.841%2C0%2C0%2C1%2C.522-9.059l.067-.111c.062-.1.128-.207.2-.307.037-.057.076-.114.116-.17s.1-.14.148-.209c.078-.106.157-.211.239-.313A9.982%2C9.982%2C0%2C0%2C1%2C7.763%2C6.179c.1-.082.208-.161.313-.239q.1-.077.209-.148c.056-.04.113-.079.17-.116.1-.068.2-.134.307-.2l.111-.068A9.872%2C9.872%2C0%2C0%2C1%2C22.92%2C17.932q-.07.156-.145.308c-.026.053-.052.107-.08.159-.013.027-.027.053-.042.08-.034.067-.07.133-.106.2l-.011.019c-.044.081-.091.16-.138.24l-.067.111q-.035.059-.073.118c-.019.03-.038.061-.058.091s-.042.067-.065.1-.037.057-.057.086l-.058.085a.422.422%2C0%2C0%2C1-.035.05c-.022.033-.046.068-.071.1a9.353%2C9.353%2C0%2C0%2C1-.586.735c-.037.043-.076.086-.114.128s-.1.109-.149.161-.119.123-.179.183-.122.121-.183.179-.107.1-.161.149-.085.077-.128.114a9.353%2C9.353%2C0%2C0%2C1-.735.586c-.033.024-.068.048-.1.071a.406.406%2C0%2C0%2C1-.05.035Z%22%20transform%3D%22translate(0)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') center/contain no-repeat;
}
#_archive .cntDiv-none .btn:hover .txt::before{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_i_icon_00041_icon_000412%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234.964%22%20height%3D%2234.964%22%20viewBox%3D%220%200%2034.964%2034.964%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35277%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035277%22%20d%3D%22M33.931%2C28.944%2C28.1%2C23.115a16.944%2C16.944%2C0%2C0%2C1-1.051%2C1.444l-2.15-2.15c.093-.121.184-.243.274-.367.06-.084.12-.167.177-.252.01-.013.019-.027.028-.04.058-.086.117-.172.173-.259.123-.187.241-.377.354-.57a13.885%2C13.885%2C0%2C0%2C0%2C0-14.03A14.016%2C14.016%2C0%2C0%2C0%2C20.92%2C1.9a13.885%2C13.885%2C0%2C0%2C0-14.03%2C0c-.085.049-.168.1-.252.152-.107.065-.214.133-.318.2-.186.122-.371.248-.551.379-.061.043-.12.088-.179.132L5.4%2C2.909l-.173.137c-.113.091-.225.182-.335.277A13.926%2C13.926%2C0%2C0%2C0%2C3.323%2C4.894c-.095.11-.186.221-.277.335-.046.057-.092.116-.137.173l-.142.187c-.044.059-.089.119-.132.179-.131.18-.257.365-.379.551-.069.1-.136.212-.2.318-.052.084-.1.167-.152.252a13.885%2C13.885%2C0%2C0%2C0%2C0%2C14.03A14.016%2C14.016%2C0%2C0%2C0%2C6.89%2C25.908a13.885%2C13.885%2C0%2C0%2C0%2C14.03%2C0q.193-.113.382-.233c.063-.039.126-.08.188-.121.087-.056.173-.115.259-.173l.04-.028c.085-.057.168-.117.252-.177.124-.09.246-.181.367-.274l2.15%2C2.15A17%2C17%2C0%2C0%2C1%2C23.114%2C28.1l5.829%2C5.829a3.527%2C3.527%2C0%2C0%2C0%2C4.988-4.988Zm-14.49-6.867c-.028.02-.056.039-.086.057s-.065.044-.1.065l-.091.058q-.059.038-.118.073l-.111.068c-.08.047-.159.093-.24.138l-.019.011c-.066.036-.132.072-.2.106-.026.015-.052.029-.08.042l-.159.08q-.153.076-.308.145a9.865%2C9.865%2C0%2C0%2C1-8.055%2C0A9.926%2C9.926%2C0%2C0%2C1%2C4.89%2C17.932a9.841%2C9.841%2C0%2C0%2C1%2C.522-9.059l.067-.111c.062-.1.128-.207.2-.307.037-.057.076-.114.116-.17s.1-.14.148-.209c.078-.106.157-.211.239-.313A9.982%2C9.982%2C0%2C0%2C1%2C7.763%2C6.179c.1-.082.208-.161.313-.239q.1-.077.209-.148c.056-.04.113-.079.17-.116.1-.068.2-.134.307-.2l.111-.068A9.872%2C9.872%2C0%2C0%2C1%2C22.92%2C17.932q-.07.156-.145.308c-.026.053-.052.107-.08.159-.013.027-.027.053-.042.08-.034.067-.07.133-.106.2l-.011.019c-.044.081-.091.16-.138.24l-.067.111q-.035.059-.073.118c-.019.03-.038.061-.058.091s-.042.067-.065.1-.037.057-.057.086l-.058.085a.422.422%2C0%2C0%2C1-.035.05c-.022.033-.046.068-.071.1a9.353%2C9.353%2C0%2C0%2C1-.586.735c-.037.043-.076.086-.114.128s-.1.109-.149.161-.119.123-.179.183-.122.121-.183.179-.107.1-.161.149-.085.077-.128.114a9.353%2C9.353%2C0%2C0%2C1-.735.586c-.033.024-.068.048-.1.071a.406.406%2C0%2C0%2C1-.05.035Z%22%20transform%3D%22translate(0)%22%20fill%3D%22%230b489e%22%2F%3E%3C%2Fsvg%3E');
}
/* TAB */
@media screen and (max-width: 896px) {
  #_archive{
    padding-bottom: 0;
  }
  #_archive .cntText{
    margin: 0 auto 64px;
  }
  #_archive .cntBtn{
    margin-top: 56px;
  }
  #_archive .cntDiv-nav .nav-links{
    max-width: 620px;
    justify-content: space-between;
    margin: 80px auto 0;
  }
  #_archive .cntDiv-nav .page-counter{
    display: flex;
    justify-content: center;
    gap: 0 8px;
  }
  #_archive .cntDiv-nav .prev,
  #_archive .cntDiv-nav .next{
    margin: 0;
  }
  #_archive .cntDiv-none{
    margin-top: -36px;
  }
}

/* その他の先輩社員の声を見る */
#_voices .cntTitle{
  margin-bottom: 56px;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
#_voices .cntBtn{
  margin-top: 54px;
}
/* TAB */
@media screen and (max-width: 896px) {
  #_voices .cntTitle{
    text-align: left;
  }
  #_voices .cntBtn{
    margin-top: 54px;
  }
}

/* 記事 */
#_voice{
  margin-bottom: 115px;
}
#_voice .cntBox-top{
  position: relative;
  min-height: 322px;
  padding-left: 286px;
}
#_voice .cntImg{
  position: absolute;
  top: 0;
  left: 0;
  width: 226px;
  height: 322px;
  background: #efefef;
  border-radius: 24px;
  overflow: hidden;
}
#_voice .cntBox-info .title{
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 6px;
}
#_voice .cntBox-info .position{
  font-size: 1.4rem;
  margin-bottom: 16px;
}
#_voice .cntBox-info .tags{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 40px;
}
#_voice .cntBox-info .tag{
  display: inline-block;
  padding: 7px 16px;
  background: #fff;
  border: 1px solid #707070;
  border-radius: 100px;
  font-size: 1.2rem;
}
#_voice .cntBox-info .tag:hover{
  text-decoration: underline;
}
#_voice .cntBox-desc .text{
  line-height: 1.75;
  margin-bottom: 55px;
}
#_voice .cntBox-desc .list{
  display: grid;
  grid-template-columns: 96px 1fr;
  margin-bottom: -8px;
}
#_voice .cntBox-desc .list dt,
#_voice .cntBox-desc .list dd{
  padding-bottom: 8px;
}
#_voice .cntBox-desc .list dt::after{
  content: "：";
  display: inline-block;
  margin-left: .5em;
}
#_voice .cntBox-repeat{
  margin-top: 100px;
}
#_voice .cntBox-repeat + .cntBox-repeat{
  margin-top: 75px;
}
#_voice .cntBox-repeat .title{
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 24px;
}
#_voice .cntBox-repeat .text{
  line-height: 2;
}
#_voice .cntBox-repeat .image{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  justify-items: center;
  gap: 32px 44px;
  margin-top: 43px;
  padding-bottom: 5px;
}
/* TAB */
@media screen and (max-width: 896px) {
  #_voice .cntBox-top{
    min-height: 0;
    padding-left: 0;
  }
  #_voice .cntBox-sptop{
    padding-left: 0;
    display: flex;
    gap: 0 24px;
    margin-bottom: 39px;
  }
  #_voice .cntImg{
    position: static;
    max-width: 120px;
    width: 100%;
    height: auto;
  }
  #_voice .cntBox-info .tags{
    margin-bottom: 0;
  }
  #_voice .cntBox-repeat{
    margin-top: 80px;
  }
  #_voice .cntBox-repeat .image{
    /* grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); */
    grid-template-columns: 1fr;
    margin-top: 75px;
  }
}