@charset "utf-8";
/* CSS Document */
.namebox{
    gap:10px;
    margin: 10px 0;
    justify-content: flex-start;
}
.cate3 .leftbox .titlebox1{
    border-bottom: 1px solid #BFBFBF;
}
.cate3 .boxwrap1 .rightbox{
  flex: 0 0 30%;
}
   

.career_wrap {
  background: #FAFAFA;
  padding: 40px clamp(24px, 4vw, 40px);
  max-width: 1280px;
  margin: auto;
}
.career_wrap .career_item + .career_item {
  margin-top: 26px;
}
.career_wrap .career_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  cursor: pointer;
}
.career_wrap .career_left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.career_wrap .career_square {
  width: 14px;
  height: 14px;
  background: #222;
}
.career_wrap .career_body {
  overflow: hidden;
  padding: 20px 0 0 24px;
  transition: max-height .4s ease, opacity .3s ease, padding-top .4s ease;
}
body.gjs-dashed .career_wrap .career_item .career_body, .career_wrap .career_item.active .career_body {
  max-height: 9000px;
  opacity: 1;
  padding-top: 15px;
}
.career_wrap .career_body p {
  margin: 0 0 6px;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
  .cate3 .boxwrap1 .rightbox{width: 80%;}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}