@charset "utf-8";
/* CSS Document */

.dlt_pagettl{max-width: 1110px;}


.dlt_recruitbody{
  padding: 102px 0 160px;
  background-color: #F5F6F8;
}

.dlt_sectionttl{
  padding-bottom: 50px;
  border-bottom: 1px solid #1f2022;
}

.dlt_occulist ul{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.dlt_occulist ul li{
  width: 344px;
  margin-right: 23px;
  background-color: #FFFFFF;
}
.dlt_occulist ul li:nth-of-type(3n){margin-right: 0;}
.dlt_occulist ul li:nth-last-of-type(n+4){margin-bottom: 88px;}
.dlt_occulist ul li a{
  display: block;
  padding: 44px 40px 72px;
}
.dlt_occulist ul li h3{
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 40px;
  padding-right: 26px;
  font-size: 1.25rem;
  font-weight: 500;
  color: #1F2022;
  border-bottom: 1px solid #E5E5E5;
}
.dlt_occulist ul li h3::before{
  content: "";
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  right: 0;
  top: 8px;
  background: url("../common/img/icon_arw_bk.svg") center center no-repeat;
}
.dlt_occulist ul li h3::after{
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 48px;
  border-bottom: 1px solid #0086BE;
}
.dlt_occulist ul li p{color: #1F2022;}






@media screen and (min-width:821px){
  .dlt_occulist ul li a:hover{opacity: 0.5;}
}





@media screen and (max-width:1130px){
  .dlt_occulist ul li{
    width: 31.8%;
    margin-right: 2.2%;
  }
  .dlt_occulist ul li a{padding: 3.8vw 3.5vw 6.3vw;}
  .dlt_occulist ul li h3{
    margin-bottom: 3.5vw;
    padding-bottom: 3.5vw;
    font-size: max(1.7vw, 1rem);
  }
  .dlt_occulist ul li:nth-last-of-type(n+4){margin-bottom: 7.7vw;}
  .dlt_occulist ul li p{font-size: max(1.4vw, 0.875rem);}
}
@media screen and (max-width:820px){
  .dlt_occulist ul li{
    width: 48%;
    margin-right: 4%;
  }
  .dlt_occulist ul li:nth-of-type(3n){margin-right: 4%;}
  .dlt_occulist ul li:nth-of-type(even){margin-right: 0;}
  
  .dlt_occulist ul li h3::before{
    width: 5vw;
    height: 5vw;
    background-size: 60% auto;
  }
  .dlt_sectionttl{border-bottom: 1px solid #888888;}
}
@media screen and (max-width:430px){
  .dlt_sectionttl .dlt_en{font-size: 1.625rem;}
  .dlt_sectionttl .dlt_jp{font-size: 0.875rem;}



  .dlt_occulist ul li{
    width: 100%;
    margin-right: 0;
  }
  .dlt_occulist ul li:nth-of-type(3n){margin-right: 0;}
  .dlt_occulist ul li:nth-last-of-type(n+2){margin-bottom: 24px;}
}