@charset "utf-8";



.ttl-environment{
  background-color: #275AF7;
  color: #FFF;
  font-weight: 700;
  text-align: center;
}
@media print, screen and (min-width:1025px) {
  .ttl-environment{
    border-radius: 30px;
    font-size: clamp(1.8rem, 0.855rem + 1.79vw, 2.4rem);
    padding: 25px;
  }
}
@media screen and (max-width: 1024px){
  .ttl-environment{
    font-size: 2.0rem;
    padding: 20px;
    margin-left: -5%;
    margin-right: -5%;
  }
}



.environment-item{
  background-color: #FFF;
}
.environment-item.wide .other dt{
  border-left: 7px solid #275AF7;
  font-weight: 500;
  padding-left: 10px;
}
.environment-item.wide .other dd > ul > li{
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.66;
}
.environment-item.wide .other dd > ul > li:before{
  color: #275AF7;
  content: "・";
}
@media print, screen and (min-width:1025px) {
  .environment-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .environment-item{
    border-radius: 30px;
    margin-top: 30px;
    padding: 40px;
    width: 31.884%;
  }
  .environment-item.col2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 48.913%;
  }
  .environment-item.wide{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .environment-item:not(.col2):not(.wide) > .image{
    margin-left: auto;
    margin-right: auto;
    width: 38.888%;
  }
  .environment-item.col2 > .image{
    width: 23.529%;
  }
  .environment-item.wide > .image{
    width: 10.769%;
  }
  .environment-item:not(.col2):not(.wide) .detail{
    margin-top: 35px;
  }
  .environment-item .detail .exp dt{
    font-size: 2.2rem;
  }
  .environment-item.col2 .detail{
    width: 71.4285%;
  }
  .environment-item.wide .detail{
    width: 86.923%;
  }
  .environment-item:not(.col2):not(.wide) .detail .exp dt{
    text-align: center;
  }
  .environment-item .detail .exp dd{
    margin-top: 20px;
  }
  .environment-item.wide .other{
    border-top: 1px dashed #D0D0D0;
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
    padding-top: 35px;
  }
  .environment-item.wide .other dl{
    width: 48.23%;
  }
  .environment-item.wide .other dt{
    font-size: clamp(1.6rem, 0.855rem + 1.79vw, 1.8rem);
  }
  .environment-item.wide .other dd{
    margin-top: 15px;
  }
  .environment-item.wide .other dd > ul > li{
    font-size: clamp(1.3rem, 0.855rem + 1.79vw, 1.5rem);;
    margin-top: 10px;
  }
}
@media screen and (max-width: 1024px){
  .environment-list{
    margin-top: 10px;
  }
  .environment-item{
    border-radius: 10px;
    margin-top: 30px;
    padding: 7% 5%;
  }
  .environment-item > .image{
    margin-left: auto;
    margin-right: auto;
    width: 25.8%;
  }
  .environment-item .detail{
    margin-top: 20px;
  }
  .environment-item .detail .exp dt{
    font-size: 1.8rem;
    text-align: center;
  }
  .environment-item .detail .exp dd{
    margin-top: 20px;
  }
  .environment-item.wide .other{
    border-top: 1px dashed #D0D0D0;
    margin-top: 25px;
    padding-top: 5px;
  }
  .environment-item.wide .other dl{
    margin-top: 25px;
  }
  .environment-item.wide .other dt{
    font-size: 1.6rem;
  }
  .environment-item.wide .other dd{
    margin-top: 15px;
  }
  .environment-item.wide .other dd > ul > li{
    font-size: 1.5rem;
    margin-top: 5px;
  }
}



@media print, screen and (min-width:1025px) {
  #working-section{
    margin-top: 100px;
  }
  #welfare-section{
    margin-top: 120px;
  }
}
@media screen and (max-width: 1024px){
  #working-section{
    margin-top: 60px;
  }
  #welfare-section{
    margin-top: 80px;
  }
}