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

.tss_wrap{overflow: visible;}
.tss_body{
  font-family: "Yu Gothic", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.tss_gotop {right: calc(50% - 800px);}

a{text-decoration: none;}
img{max-width: 100%;}
.rec_wrap{
  max-width: 1200px;
  margin: auto;
}

.rec_header{
  position: sticky;
  top: 0;
  border-top: 1px solid #CCCCCC;
  background-color: rgba(255,255,255,0.95);
  z-index: 999;
}
.rec_header .rec_wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1232px;
  padding: 0 16px;
  height: 60px;
}
.rec_header .rec_wrap h1 a{
  display: flex;
  align-items: center;
}
.rec_header .rec_wrap h1 span:first-of-type{
  margin: 0 5px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #000000;
}
.rec_header .rec_wrap h1 span:last-of-type{
  font-size: 0.625rem;
  font-weight: bold;
  color: #949494;
}
.rec_header .rec_wrap ul{
  display: flex;
  align-items: center;
  font-size: 0.875em;
}
.rec_header .rec_wrap ul li:nth-of-type(n+2){margin-left: 32px;}
.rec_entry{margin-left: 56px;}
.rec_header .rec_wrap ul li:not(.rec_entry) a{
  font-weight: bold;
  color: #000000;
}
.rec_entry a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 122px;
  height: 30px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #E62C22;
  border: 2px solid #E62C22;
}
.rec_entry a::after{
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  margin-left: 4px;
  background: url("../img/icon_outside.svg") center center no-repeat;
}

/*-- 先輩社員のお仕事 リスト --*/
/*--  slider外し時に修正 --*/


/*-- .rec_seniorbox{
  width: 396px;
  margin-left: 24px;
}--*/

.rec_seniorlist{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:24px;
  padding-left:24px;
  position: relative;
  z-index: 1;
}

.rec_seniorbox{
  width:calc((100%  / 6 ) - 24px);
  margin-left:0;
  font-size:clamp(12px, calc(0.5em + 0.5vw),16px);
  overflow:hidden;
  position: relative;
}

.rec_seniorbox a{display: block;}
.rec_seniorbox .rec_photo{
  width:100%;
  aspect-ratio:6 / 7 ;
  overflow:hidden;
}
.rec_seniorbox .rec_photo img{
  width:100%;
  height:auto;
  object-fit: cover;
  transition: all 0.35s ease-in-out;
}
.rec_seniorbox .rec_namebox{
  position: absolute;
  width:100%;
  max-width:10em;
  bottom:0;
  right:0;
  background-color:rgba(34,42,55,0.7);
  padding: 16px 12px;
  line-height:1.4;
}
.rec_seniorbox .rec_namebox p{
 font-size:0.875em;
  font-weight: bold;
  color: #FFFFFF;
}
.rec_seniorbox .rec_namebox span{
  font-size:0.75em;
  font-weight: bold;
  color: #7D7D7D;
}
.rec_seniorbox .rec_namebox h3{
  font-size: 1em;
  font-weight: bold;
  color: #FFFFFF;
}

/*--  slider外し時に修正 ココマデ --*/







.tss_gotop{width: 80px;}
.tss_footer{background-color: #222A37;}





@media screen and (min-width:801px){
  .rec_header .rec_wrap h1 a:hover{opacity: 0.5;}
  .rec_header .rec_wrap ul li:not(.rec_entry) a:hover{color: #83DAF2;}
  .rec_entry a:hover{
    color: #FFFFFF;
    background-color: #E62C22;
  }


  .rec_seniorbox a:hover img{transform: scale(1.1);}


  .tss_gotop a:hover{opacity: 0.5;}
}





@media screen and (max-width:1250px){
  .rec_header .rec_wrap ul li:nth-of-type(n+2){margin-left: clamp(1rem, -0.778rem + 3.56vw, 2rem);}/*16-32 800-1250*/
  .rec_header .rec_wrap ul li:last-of-type{margin-left: clamp(1rem, -3.444rem + 8.89vw, 3.5rem);}/*16-56 800-1250*/
  .rec_header .rec_wrap ul li:nth-last-of-type(n+2) a{font-size: clamp(0.75rem, 0.306rem + 0.89vw, 1rem);}/*12-16 800-1250*/
/*--  slider外し時に追加 --*/
  .rec_seniorbox{width:calc((100%  / 4 ) - 24px);}
/*--  slider外し時に追加 ココマデ--*/
}

@media screen and (max-width: 1440px){
.tss_gotop {right: 16px;}
}
@media screen and (max-width:800px){
  .rec_saiyobody{padding-bottom: calc(17.5vw + 120px);}
  .rec_header .rec_wrap h1 p:last-of-type{margin-left: 4px;}
  .rec_header .rec_wrap h1 span{display: block;}
  .rec_header .rec_wrap h1 span:first-of-type{
    margin:2px 0;
    font-size: 1rem;
  }
  .rec_header .rec_wrap ul li:not(:last-of-type){display: none;}
  .rec_header .rec_wrap ul li:last-of-type{margin-left: 0;font-size:0.65em;}
  .rec_header .rec_wrap ul li:last-of-type a{width: 96px;}


/*--  slider外し時に修正 --*/

  .rec_seniorlist{
    gap:12px;
    padding:0 12px;

  }
  .rec_seniorbox{width:calc((100% - 24px) / 3 );margin:0;}
  .rec_seniorbox .rec_namebox{
    position:relative;
    padding:0.5em;
    margin:-3em 0 0 auto;
    background-color:rgba(34,42,55,0.9);
  }

/*--    .rec_seniorbox .rec_namebox p{font-size: clamp(0.75rem, 0.612rem + 0.53vw, 0.875rem);} --*//*12-14 420-800*/
/*--   .rec_seniorbox .rec_namebox span{font-size: clamp(0.625rem, 0.487rem + 0.53vw, 0.75rem);} --*//*10-12 420-800*/
/*--   .rec_seniorbox .rec_namebox h3{font-size:0.875rem;}--*/

/*--  slider外し時に修正 ココマデ --*/

  .slick-dots{bottom:-48px;}



  .tss_gotop{
    width: 64px;
    right: 8px;
    bottom: 160px;
  }
}