@charset "utf-8";

.contact-form_a .file-box > input {
    background-color: transparent !important;
      border:none !important;
}
/* ---------- titlebox ---------- */
.cate2 .title-style1{
    width: 100%;
}
.cate2 .titleboxwrap1 {
  gap: 50px;
  padding: 50px 0;
  border-bottom: 1px solid #707070;
  width: 1000px;
}

.cate2 .titleboxwrap1.border_t {
  border-top: 1px solid #707070;
}

.cate2 .titleboxwrap1 .titlebox3 {
  flex: 0 0 250px;
}

.cate2 .titleboxwrap1 .txtbox {
  flex: 1 1 auto;
  min-width: 0;
}

/* ---------- recruit visual ---------- */
.recruit_visual {
  overflow: hidden;
}

.recruit_visual_inner {
  display: grid;
  grid-template-columns: auto auto auto auto;
  align-items: flex-start;
}

.recruit_visual_inner .imgbox {
  position: relative;
  overflow: hidden;
}

.recruit_visual_inner .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recruit_visual_inner .imgbox:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
  width: 240px;
  aspect-ratio: 3 / 4;
}

.recruit_visual_inner .imgbox:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
  width: 480px;
  aspect-ratio: 4 / 3;
  transform: translateY(40px);
}

.recruit_visual_inner .imgbox:nth-child(3) {
  grid-column: 3;
  grid-row: 1;
  width: 240px;
  aspect-ratio: 3 / 4;
  transform: translateY(100px);
}

.recruit_visual_inner .imgbox:nth-child(4) {
  grid-column: 4;
  grid-row: 1;
  width: 240px;
  aspect-ratio: 4 / 3;
  transform: translateY(180px);
}

.recruit_visual_inner .imgbox:nth-child(5) {
  grid-column: 4;
  grid-row: 2;
  width: 240px;
  aspect-ratio: 4 / 3;
}

/* ---------- 2col reverse ---------- */
.column2_c .content {
  margin: auto 0;
}

.column2_c.is-reverse .inner {
  grid-template-columns: 1.1fr 1fr;
  grid-template-areas: "content visual";
}

.column2_c.is-reverse .visual { grid-area: visual; }
.column2_c.is-reverse .content { grid-area: content; }

/* ---------- underline ---------- */
.cate1 .titlebox3 {
  position: relative;
  padding-bottom: 16px;
}

.cate1 .titlebox3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  opacity: 0.4;
}

/* ---------- pagetitle ---------- */
.pagetitle_e .box .title_wrap .titlebox {
    margin-right: 0;
    padding-bottom: 0px;
    z-index: 1;
}

.pagetitle_e .box .title_wrap {
    margin-top: 0;
}
.pagetitle_e .box {
  position: relative;
  width: 100%;
  height: 800px;
}

body.on .pagetitle_e .box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.6) 0%,
    rgba(0,0,0,0.3) 40%,
    rgba(0,0,0,0.5) 60%,
    rgba(0,0,0,0.8) 100%
  );
  z-index: 1;
  pointer-events: none;
}

.title_wrap { text-align: center; }

/* ---------- 1080px ---------- */
@media screen and (max-width: 1080px) {
 .cate2 .titleboxwrap1 {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

 .cate2 .titleboxwrap1 .titlebox3 {
    width: 100%;
    margin-bottom: 16px;
          flex: 0 0 auto;
  }

 .cate2 .titleboxwrap1 .txtbox {
    width: 100%;
  }

  .recruit_visual_inner .imgbox:nth-child(1),
  .recruit_visual_inner .imgbox:nth-child(3),
  .recruit_visual_inner .imgbox:nth-child(4),
  .recruit_visual_inner .imgbox:nth-child(5) {
    width: 180px;

  }

  .recruit_visual_inner .imgbox:nth-child(2) {
    width: 360px;
    aspect-ratio: 4 / 3;
  }
    .recruit_visual_inner .imgbox:nth-child(4) {
    transform: translateY(140px);
}
}

/* ---------- 768px ---------- */
@media screen and (max-width: 768px) {


  .recruit_visual_inner {
    display: flex;
    flex-wrap: wrap;        /* ★ 複数行にする */
    justify-content: flex-start;
    align-items: flex-start;
  }

  .recruit_visual_inner .imgbox:nth-child(n) {
    width: 50%;
    aspect-ratio: 4 / 3;
    transform: none;
  }
  .column2_c.is-reverse .inner {
    grid-template-columns: 1fr;
    grid-template-areas:
      "visual"
      "content";
    row-gap: 24px;
  }
}