@charset "utf-8";
/* CSS Document */
.cate1{
    width: 100%;
}
.txtbox2{
    max-width: 1280px;
}
.column2_con1 {
  gap: 80px;
  width: 100%;
    max-width: 1280px;
}
.column2_con1:not(:last-child) {
  margin-bottom: clamp(40px, 8vw, 100px);
}
.column2_con1 .imgbox {
  width: calc(35% - 80px / 2);
  aspect-ratio: 280 / 360; /* 比率固定 */
  overflow: hidden;
}
.column2_con1 .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画像が比率内に綺麗に収まる */
}
.column2_con1 .txtbox {
  width: calc(65% - 80px / 2);
}
.column2_con1{
  max-width: 1280px;
  width: 100%;
}
.topbox .namebox {
  justify-content: flex-start;
  gap: 15px;
}
.topbox .namebox .jp {
  margin-bottom: 10px;
}
.column2_con1 .jobbox {

}
.column2_con1 .topbox .namebox .jp {
  padding-bottom: 10px;
}
.column2_con1 .topbox .txtbox .default_txt2 {
  color: #C8C4B9;
}
/* 1280px 以下 */
@media screen and (max-width: 1280px) {
  .column2_con1 {
    gap: 60px;
  }
  .column2_con1 .imgbox {
    width: calc(35% - 60px / 2);
  }
  .column2_con1 .txtbox {
    width: calc(65% - 60px / 2);
  }
}
/* 768px 以下 */
@media screen and (max-width: 768px) {
  .column2_con1 {
    gap: 20px;
  }
  .column2_con1 .imgbox {
    width: 70%;
  }
  .column2_con1 .txtbox {
    width: 90%;
  }
  .topbox .namebox {
    justify-content: flex-start;
    gap: 15px;
  }
}
@media screen and (max-width: 576px) {
  .column2_con1 .imgbox {
    width: 90%;
  }
  .column2_con1 .txtbox {
    width: 100%;
  }

/* ---------- 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){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}