@charset "utf-8"; 

.benefits {
  background: #F2F2F2;
  overflow: hidden;
}

.benefits .benefits__cont {
  margin-top: 150px;
  padding-bottom: 180px;
}

.benefits .benefits__cont .benefits__bottom {
  margin-top: 180px;
}


.c-list05 li {
  position: relative;
  display: grid;
}

.c-list05 > li + li {
  margin-top: 100px;
}

.c-list05 li .c-list05__img {
  grid-area: 1/1;
}

.c-list05 li .c-list05__box {
  grid-area: 1/1;
  /* margin-left: -80px; */
  margin-left: -3.4vw;
  position: relative;
  margin-top: min(350px,410px);
  padding: 80px 30px;
}
.c-list05 li .c-list05__box::before {
  position: absolute;
  display: block;
  content: "";
  background: #fff;
  top: 0;
  left: 0;
  width: 130vw;
  height: 100%;
  clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
  margin-left: calc(50% - 1400px);
}

.c-list05 li .c-list05__ttl {
  margin-top: -100px;
}
.c-list05 li .c-list05__ttl p {
  background: #000;
  color: #fff;
  font-weight: bold;
  position: relative;
  display: inline-block;
  z-index: 2;
  font-size: min(25px,45px);
  padding: 1px 14px;
}

.c-list05 li .c-list05__list {
  margin-top: 55px;
}


.c-list06 {
  display: grid;
  grid-template-rows: repeat(3,auto);
  grid-auto-flow: column;
  flex-wrap: wrap;
  gap: min(15px,30px);
  
  grid-template-columns: repeat(auto-fit,minmax(350px,550px));
  max-width: 1100px;
}

.c-list06.two {
  grid-template-rows: repeat(2,auto);
}

.c-list06 li {
  padding-bottom: min(15px,30px);
  border-bottom: solid 1px #D0D0D0;
}  
.c-list06 li:nth-child(3) {
  border: none;
}

.c-list06.two li:nth-child(even) {
  border: none;
}
.c-list06.two li:nth-child(3) {
  border-bottom: solid 1px #D0D0D0;
}


.c-list06 li  .c-list06__ttl{
  position: relative;
  padding-left: 45px;
  font-weight: bold;
  font-size: 26px;
}
.c-list06 li  .c-list06__ttl::before {
  display: block;
  content: "";
  background: url(../../assets/images/career/benefits/arrow-duble.png) no-repeat;
  background-size: contain;
  width: 35px;
  height: 14px;
  position: absolute;
  top: 13px;
  left: 0;
} 
.c-list06 li  .c-list06__cap {
  margin-top: 16px;
  font-size: min(14px,16px);
}

.c-cont {
  border: solid 5px #000;
  display: flex;
}

.c-cont .c-cont__txt {
  padding: clamp(110px,2vw,164px) clamp(80px,2vw,118px) clamp(120px,2vw,170px) clamp(100px,2vw,124px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.c-cont .c-cont__txt .c-cont__tag {}
.c-cont .c-cont__txt .c-cont__tag p {
  display: inline-block;
  background: #00FFFF;
  padding: 1px 19px;
  padding-top: 2px;
  font-size: 19px;
  font-weight: bold;
  border-radius: 15px;
  font-family: "Roboto";
}
.c-cont .c-cont__txt .c-cont__ttl {
  font-size: clamp(30px,2vw,45px);
  font-weight: bold;
  padding-bottom: 45px;
  border-bottom: solid 2px #C7C7C7;
  margin-top: 10px;
}
.c-cont .c-cont__txt .c-cont__cap {
  margin-top: 30px;
}

@media(min-width:1600px) {
  .c-list05 li .c-list05__box::before {
    max-width: 2000px;
    width: 114vw;
  }

   .c-list05 li .c-list05__ttl {
    margin-left: 0px;
  }

  .c-list05 li .c-list05__list {
    margin-left:  min(20px,40px);
    margin-right:  min(20px,40px);
  }
}

@media(max-width:1500px) {
  .c-list05 li .c-list05__ttl {
    margin-left: min(10px,20px);
  }

  .c-list05 li .c-list05__list {
    margin-left:  min(10px,20px);
    margin-right:  min(10px,20px);
  }
}

@media(max-width:1450px) {
  .c-list05 li .c-list05__box {
    margin-left: -30px;
    padding-left: 30px;
  }
  .c-list05 li .c-list05__box::before {
    width: 98vw;
    margin-left: 0;
  }

  .c-list06 {
    grid-template-columns: repeat(auto-fit,minmax(35vw,1fr));
  }
}

@media(max-width:980px) {
  .c-cont {
    flex-direction: column-reverse;
  }
}

@media(max-width:767px) {

  .c-list05 li .c-list05__box {
    margin-top: 150px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-list06 li  .c-list06__ttl {
    padding-left: 35px;
    min-height: 2.5rem;
    font-size: 18px;
  }

  .c-list06 li  .c-list06__ttl::before {
    width: 25px;
  }

  .c-cont {
    flex-direction: column-reverse;
  }
  .c-cont .c-cont__txt {
    padding: 20px;
  }
  .c-cont .c-cont__txt .c-cont__tag  {
    font-size: 16px;
  }
  .c-cont .c-cont__txt .c-cont__ttl {
    padding-bottom: 15px;
    font-size: 26px;
  }
  .c-cont .c-cont__txt .c-cont__cap {
    margin-top: 15px;
    font-size: 14px;
  }
  .c-list06 {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-auto-flow: row;
  }
  .c-list06 li:nth-child(3) {
    border-bottom: solid 1px #D0D0D0;
  }
  .c-list06.two li:nth-child(even) {
    border-bottom: solid 1px #D0D0D0;
  }
  .c-list06 li .c-list06__ttl::before {
    top: 11px;
  }
}