@charset "UTF-8";

/*
Theme Name: yanai
*/
.Recruit .comm__Inner .Item picture a:hover{
	opacity:0.7;
}
.Media .flex__wrap .three{
  border: 1px solid #eee;
}
.News__wrap{
  max-width: 1350px;
  margin: auto;
  background: #eff2f4;
  padding: 1em var(--row-space) 1em 115px;
  position: relative;
}

.News .wh__wrap dl.border:first-of-type{
  border-top: 1px solid #ddd;
}

.wh__wrap dl.border:nth-of-type(n+2){
	border-top:none;
}

.News__wrap:before{
  content: '';
  background: var(--key-Color);
  width: 115px;
  height: 8px;
  position: absolute;
  left:0;
  top:0;
}

.News__wrap ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.News__wrap ul li{
  background: #fafdff;
  margin-bottom: .75em;
  position: relative;
}

.News__wrap ul li a{
  padding: 1.35em .75em 1em 5.5em;
  display: flex;
  column-gap: 1.5em;
  color:#202020;
  text-decoration: none;
  align-items: center;
}

.News__wrap ul li:last-of-type{
  margin-bottom: 0;
}

.News__wrap ul li a h3{
  margin: 0;
  font-size: clamp(16px,18px,19px);
}

.days{
  color:#38393a;
  font-weight: 600;
}
.news__icon{
  background: var(--red);
  padding: 5px;
  color:#fff;
  text-align: center;
  min-width: 150px;
  position: absolute;
  left: -75px;
  top:50%;
  transform: translateY(-50%);
}

.News__archive{
  display: flex;
  flex-direction: row;
  font-size: clamp(16px,20px,23px);
  color:#005bac;
  left: 30px;
  margin-top: .5em;
  position: absolute;
}

.News__archive a:before{
  content: '─';
}

.News__archive a{
    color:#005bac;
  writing-mode: vertical-rl;
  text-decoration: none;
    column-gap: .25em;
      display: flex;
  flex-direction: row;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .news__icon{
    left: -85px;
  }

  .flex__wrap .left, .flex__wrap .right{
    width: 100%;
  }
  .slide-items{
    max-width: 600px;
  }
  .flex__wrap .right{
    margin-left: 0;
  }
  .slide-items picture{
    max-width: 330px;
  }
    .Media .flex__wrap .three picture img {
      width: 100%;
      min-height: 150px;
      max-height: 150px;
      object-fit: cover;
  }
  .Media .flex__wrap .three h3{
    font-size: 1.05rem;
  }
}

.terms__wrap{
  padding: .25em;
  font-size: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  column-gap: 2%;
  row-gap: 1vh;
  background: #f7f7fa;
  padding: .5em;
  position: relative;
}

.terms__wrap a{
  color:#493712;
  font-weight: 400;
  position: relative !important;
  width: auto !important;
  text-decoration: none;
}

.flex__wrap.space .days{
  font-weight: 300;
  margin-bottom: 0 !important;
      font-family: "Inter", sans-serif;
}

.flex__wrap.space h3{
  margin-top: 0 !important;
}