@charset "utf-8";

/* ------- INDEX ---------------------------------------------- */
.career-path-case > div > dt{
  color: #A02B2E;
  font-family: 'Lora', serif;
  font-weight: 400;
  line-height: 1;
}
.career-path-case > div > dd ul > li{
  background-color: #FFFFFF;
  text-align: center;
  line-height: 1.6;
  position: relative;
}
.career-path-case > div > dd ul > li:before{
  content: "";
  display: block;
  position: absolute;
}
.career-path-case > div > dd ul > li:first-child:before{
  display: none;
}


.career-path-department > li{
  background-color: #FFFFFF;
  text-align: center;
  line-height: 1.6;
  position: relative;
}
@media print, screen and (min-width:781px) {
  .career-path-image{
    margin-top: 80px;
  }
  
  
  .career-path-section{
    margin-top: 100px;
  }
  
  
  .career-path-heading-text{
    margin-top: 40px;
    text-align: center;
  }
  
  .career-path-case {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
  }
  .career-path-case > div{
    margin-top: 40px;
    width: 48.15%;
  }
  .career-path-case > div > dt{
    font-size: 1.8rem;
  }
  .career-path-case > div > dd{
    margin-top: 15px;
  }
  .career-path-case > div > dd ul{
    display: flex;
    justify-content: space-between;
  }
  .career-path-case > div > dd ul > li{
    padding: 10px;
    width: 46.15%;
  }
  .career-path-case > div > dd ul > li:before{
    background: url("../img/ic_arrow_pc.svg") no-repeat;
    height: 16px;
    width: 10px;
    left: -6.25%;
    top: 50%;
    transform: translate(-100%,-50%);
  }
  
  
  
  .career-path-department{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .career-path-department > li{
    margin-right: 2.78%;
    margin-top: 30px;
    padding: 25px 10px;
    width: 31.48%;
  }
  .career-path-department > li:nth-child(3n){
    margin-right: 0;
  }
}
@media screen and (max-width: 780px) {
  .career-path-image{
    margin-top: 40px;
    margin-left: 20px;
    margin-right: 20px;
  }
  
  
  .career-path-section{
    margin-top: 60px;
  }
  
  
  .career-path-heading-text{
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }
  
  .career-path-case {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .career-path-case > div{
    margin-top: 40px;
  }
  .career-path-case > div > dt{
    font-size: 1.8rem;
    text-align: center;
  }
  .career-path-case > div > dd{
    margin-top: 15px;
  }
  .career-path-case > div > dd ul{
  }
  .career-path-case > div > dd ul > li{
    margin-top: 40px;
    padding: 10px;
  }
  .career-path-case > div > dd ul > li:before{
    background: url("../img/ic_arrow_pc.svg") no-repeat;
    height: 16px;
    width: 10px;
    left: 50%;
    top: -12px;
    transform: translate(-50%,-100%) rotate(90deg);
  }
  .career-path-case > div > dd ul > li:first-child{
    margin-top: 0;
  }
  
  
  
  .career-path-department{
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .career-path-department > li{
    margin-top: 10px;
    padding: 15px 10px;
  }
}
@media (hover: hover) and (pointer: fine){
}