@charset "UTF-8";
/* 親テーマ上書き
----------------------------------------*/
.recruitbtn a{
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.3;
}
.recruitbtn a small{
  display: inline-block;
}

/* 親テーマのトンマナそろえる
----------------------------------------*/
.recruitmentbox{
  padding-bottom: 4rem;
  margin-bottom: 4rem;
  border-bottom: 1rem solid #F8F8F8;
}

/* tabMenu area
----------------------------------------*/
.ui-tabs [role="tablist"] {
  display: grid;
  grid-template-columns: repeat(3, 18rem);
  gap:2rem;
  justify-content: center;
  padding-bottom: 4rem
}
.ui-tabs [role="tab"] {
  appearance: none;
  cursor: pointer;
  white-space: nowrap;
  background: #F8F8F8;
  color: inherit;
  text-align: center;
  padding: 15px 10px 30px;
  font-size: 16px;
  border-radius: 60px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  position: relative;
}
.ui-tabs [role="tab"]:hover{background:#fdfbfb;box-shadow: none;}
.ui-tabs [role="tab"]::before{
  font-family: 'Material Symbols Sharp';
  content: '\e5c5';
  font-weight:600;
  position: absolute;
  bottom: 0;
  left:0;
  right:0;
  color:#027B3B;
  font-size:2.4rem;
  display: flex;
  justify-content: center;
}
.ui-tabs [role="tab"][aria-selected="true"] {
  background: #2aa470; color: #fff;
}
.ui-tabs [role="tab"][aria-selected="true"]:hover{background:#4dba8c;}
.ui-tabs [role="tab"][aria-selected="true"]::before{color:#fff;}
.ui-tabs [role="tabpanel"][hidden] { display: none !important; }

/* pager area
----------------------------------------*/
.recruit-pager{
  display: flex;
  gap: 1.6rem;
  justify-content: center;
  align-items: center;
  margin: -2rem 0 10rem;
}

.recruit-pager__btn{
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  position: relative;
}
.recruit-pager [rel="prev"]::before,
.recruit-pager [rel="next"]::after {
  font-family: 'Material Symbols Sharp';
  content: '\e5df';
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
  color: currentColor;
  font-size:2.4rem;
  font-weight:600;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}
.recruit-pager [rel="prev"]::before {
  margin-left: .4rem;
  transform: scaleX(-1);
}
.recruit-pager [rel="next"]::after {
  margin-left: .4rem;
}

/* PC Device
----------------------------------------*/
@media screen and (min-width: 1141px){
.recruit-pager [rel="prev"]{
  padding-left: calc(5rem - 2.4rem);
}
.recruit-pager [rel="next"]{
  padding-right: calc(5rem - 2.4rem);
}
}
/* スマホ対応
----------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 1140px){
/* 親テーマ上書き */
.recruitbtn a{
  font-size: 18rem;
}
/* 親テーマのトンマナそろえる */
.recruitmentbox{
  padding: 40rem 0;
  margin-bottom: 40rem;
  border-bottom: 10rem solid #F8F8F8;
}
/* 共通（疑似要素icon） */
.ui-tabs [role="tab"]::before,
.recruit-pager [rel="prev"]::before,
.recruit-pager [rel="next"]::after {
  font-size: 24rem;
}
/* tabMenu area */
.ui-tabs [role="tablist"],
.recruit-pager {
  display: flex;
  gap: 20rem;
}
.ui-tabs [role="tab"] {
  width: 30%;
  padding: 15rem 10rem 30rem;
  font-size: 16rem;
  border-radius: 60rem;
  box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.16);
}
/* pager area */
.recruit-pager .PcB{
  display: none;
}
.recruit-pager{
  width: 100%;
}
}/* ---End スマホエリア */