/*--------------------
news.css
--------------------*/


.l-block01{
  margin-top:-39.8rem;
  background-image:
    url("../images/common/page-bg01_pc.png"),
    url("../images/common/page-bg02_pc.png");
  background-position:
    top center,
    bottom center;
  background-repeat:
    no-repeat,
    no-repeat;
  background-size:
    100% auto,
    100% auto;
  background-color:
    transparent;
  min-height:76.5rem;
  padding-top:18.0rem;
  padding-bottom:18.0rem;
}
.l-block-wrapper{
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 50%, transparent 50%, transparent 100%);
}
.l-block01-inner{
  max-width:calc(1200px + 10.0rem);
  width:100%;
  margin:0 auto;
  padding:0 5.0rem 14.0rem;
  background:#FFFFFF;
}
.l-block01-block{
  display:block;
  border-bottom:1px solid #cccccc;
  padding:2.0rem 5.0rem 2.0rem 0;
  background: url("../images/common/common-icon02_pc.png") right 2.0rem center no-repeat transparent;
  background-size: 0.8rem auto;
  min-height:1.1rem;
}
.l-block01-block:hover{
  background: url(../images/common/common-icon07_pc.png) right 2.0rem center no-repeat transparent;
  background-size: 0.8rem auto;
  min-height: 1.1rem;
}
.l-block01-block-message{
  
}
.l-block01-block-date{
  display:inline-block;
  vertical-align: middle;
  padding-right:2.0rem;
  text-align: left;
  color:#303838;
  
  font-size:clamp(14px, 1.8rem, 18px);
  font-weight:400;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.l-block01-block-category{
  display:inline-block;
  vertical-align: middle;
  text-align: left;
}
.l-block01-block-category span{
  display:inline-block;
  vertical-align: middle;
  border:1px solid #64beb4;
  border-radius:1.5rem;
  padding:0 1.2rem;
  text-align: center;
  color:#64beb4;
  
  font-size:clamp(14px, 1.7rem, 17px);
  font-weight:400;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.l-block01-block .l-block01-block-title{
  padding-top:1.0rem;
  display:block;
  text-align: left;
  color:#303838;
  
  font-size:clamp(14px, 1.8rem, 18px);
  font-weight:700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  
  transition: 0.3s;
}
.l-block01-block:hover .l-block01-block-title{
  color:#64beb4;
}


@media all and (max-width: 767.5px) {
  .l-block01{
    margin-top:-17.4rem;
    background-image:
      url("../images/common/page-bg01_pc.png"),
      url("../images/common/page-bg02_pc.png");
    background-position:
      top center,
      bottom center;
    background-repeat:
      no-repeat,
      no-repeat;
    background-size:
      100% auto,
      100% auto;
    background-color:
      transparent;
    min-height:76.5rem;
    padding-top:12.0rem;
    padding-bottom:18.0rem;
  }
  .l-block-wrapper{
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 50%, transparent 50%, transparent 100%);
  }
  .l-block01-inner{
    max-width:100%;
    width:100%;
    margin:0 auto;
    padding:0 3.0rem 14.0rem;
    background:#FFFFFF;
  }
  .l-block01-block{
    display:block;
    border-bottom:1px solid #cccccc;
    padding:2.0rem 5.0rem 2.0rem 0;
    background: url("../images/common/common-icon02_pc.png") right 2.0rem center no-repeat transparent;
    background-size: 1.2rem auto;
    min-height:1.7rem;
  }
  .l-block01-block:hover{
    background: url(../images/common/common-icon07_pc.png) right 2.0rem center no-repeat transparent;
    background-size: 1.2rem auto;
    min-height:1.7rem;
  }
  .l-block01-block-message{

  }
  .l-block01-block-date{
    display:inline-block;
    vertical-align: middle;
    padding-right:2.0rem;
    text-align: left;
    color:#303838;

    font-size:2.8rem;
    font-weight:400;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .l-block01-block-category{
    display:inline-block;
    vertical-align: middle;
    text-align: left;
  }
  .l-block01-block-category span{
    display:inline-block;
    vertical-align: middle;
    border:1px solid #64beb4;
    border-radius:1.5rem;
    padding:0 1.2rem;
    text-align: center;
    color:#64beb4;

    font-size:2.8rem;
    font-weight:400;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .l-block01-block .l-block01-block-title{
    padding-top:1.0rem;
    display:block;
    text-align: left;
    color:#303838;

    font-size:2.8rem;
    font-weight:700;
    line-height: 1.5;
    letter-spacing: 0.05em;

    transition: 0.3s;
  }
  .l-block01-block:hover .l-block01-block-title{
    color:#64beb4;
  }
}


.job_pagination{
  padding-top:6.0rem;
  text-align: center;
  position:relative;
}
.job_pagination a.page-numbers,
.job_pagination span.page-numbers{
  display:inline-block;
  vertical-align: middle;
  padding-top:0.7rem;
  width:4.0rem;
  height:4.0rem;
  margin:0 0.15rem;
  border-radius:50%;
  background:#FFFFFF;
  border:2px solid #64beb4;
  text-align: center; 
  color:#64beb4;
  
  font-size:1.8rem;
  font-weight:500;
  line-height:2.0rem;
  letter-spacing: 0.05em;
}
.job_pagination a.page-numbers:hover,
.job_pagination span.page-numbers:hover{
  background:#64beb4;
  border:2px solid #64beb4;
  color:#FFFFFF;
}
.job_pagination span.current{
  background:#64beb4;
  color:#FFFFFF;
}
.job_pagination span.current:hover{
  background:#64beb4;
  color:#FFFFFF;
}


@media all and (max-width: 767.5px) {
  .job_pagination{
    padding-top:6.0rem;
    text-align: center;
    position:relative;
  }
  .job_pagination a.page-numbers,
  .job_pagination span.page-numbers{
    display:inline-block;
    vertical-align: middle;
    padding-top:0.7rem;
    width:6.0rem;
    height:6.0rem;
    margin:0 0.3rem;
    border-radius:50%;
    background:#FFFFFF;
    border:2px solid #64beb4;
    text-align: center; 
    color:#64beb4;

    font-size:2.8rem;
    font-weight:500;
    line-height:3.2rem;
    letter-spacing: 0.05em;
  }
  .job_pagination a.page-numbers:hover,
  .job_pagination span.page-numbers:hover{
    background:#64beb4;
    border:2px solid #64beb4;
    color:#FFFFFF;
  }
  .job_pagination span.current{
    background:#64beb4;
    color:#FFFFFF;
  }
  .job_pagination span.current:hover{
    background:#64beb4;
    color:#FFFFFF;
  }
}





@media all and (max-width: 767.5px) {
  
}