/* vw size */
/* --------------------------------------------------
	section size
-------------------------------------------------- */
.page-group {
  /* c-page_head
  ---------------------------------------------------------------------------- */
  /* sec-group
  ---------------------------------------------------------------------------- */
  /* sec-btm
  ---------------------------------------------------------------------------- */
}
.page-group .c-page_head {
  background: url("/recruit/img/group/page_head.jpg") no-repeat center 10%;
}
@media screen and (min-width: 1160px) {
  .page-group .c-page_head {
    background: url("/recruit/img/group/page_head.jpg") no-repeat center bottom;
  }
}
@media screen and (max-width: 767px) {
  .page-group .c-page_head {
    background: url("/recruit/img/group/page_head_sp.jpg") no-repeat center 0;
  }
}
@media screen and (max-width: 767px) {
  .page-group .c-page_head .page-title02 .en-txt {
    font-size: 1.625rem;
    line-height: 110%;
  }
}
.page-group .lead-wrap {
  padding: 11.6379310345vw 0 5.775862069vw 0;
}
@media screen and (min-width: 1160px) {
  .page-group .lead-wrap {
    padding: 135px 0 67px 0;
  }
}
@media screen and (max-width: 767px) {
  .page-group .lead-wrap {
    padding: 2.375rem 0 2.375rem 0;
  }
}
.page-group .lead-wrap .lead {
  text-align: center;
  font-size: 1.5517241379vw;
  font-weight: 500;
  line-height: 200%; /* 36px */
}
@media screen and (min-width: 1160px) {
  .page-group .lead-wrap .lead {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .page-group .lead-wrap .lead {
    font-size: 0.9375rem;
  }
}
.page-group .sec-group {
  padding-bottom: 12.5vw;
  box-sizing: border-box;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-group {
    padding-bottom: 145px;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-group {
    padding-bottom: 2.5625rem;
  }
}
.page-group .sec-group .l-inner02 {
  max-width: 88.1896551724vw;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-group .l-inner02 {
    max-width: 1023px;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-group .l-inner02 {
    max-width: inherit;
  }
}
.page-group .sec-group .tabs .tab-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  align-content: stretch;
  gap: 0 3.1034482759vw;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-group .tabs .tab-list {
    gap: 0 36px;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-group .tabs .tab-list {
    gap: 0 0.875rem;
  }
}
.page-group .sec-group .tabs .tab-list .tab-item {
  width: calc((100% - 3.1034482759vw) / 2);
  color: #fff;
  text-align: center;
  font-size: 1.724137931vw;
  font-weight: 700;
  line-height: 150%; /* 30px */
  letter-spacing: -0.22px;
  padding: 1.3793103448vw 0.8620689655vw;
  border-radius: 1.724137931vw 1.724137931vw 0 0;
  background: #CACACA;
  border: 1px solid #CACACA;
  border: none;
  outline: none;
  transition: 0.4s;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-group .tabs .tab-list .tab-item {
    width: calc((100% - 36px) / 2);
    font-size: 20px;
    padding: 16px 10px;
    border-radius: 20px 20px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-group .tabs .tab-list .tab-item {
    width: calc((100% - 0.875rem) / 2);
    font-size: 0.9375rem;
    padding: 0.5625rem 0.3125rem;
    border-radius: 1.125rem 1.125rem 0 0;
  }
}
.page-group .sec-group .tabs .tab-list .tab-item.active, .page-group .sec-group .tabs .tab-list .tab-item:active {
  color: #fff !important;
  border: 1px solid #E50012 !important;
  background: #E50012 !important;
}
@media screen and (min-width: 768px) {
  .page-group .sec-group .tabs .tab-list .tab-item:hover, .page-group .sec-group .tabs .tab-list .tab-item:focus {
    color: #000;
    border: 1px solid #E50012;
    background: #fff;
  }
}
.page-group .sec-group .tabs .tab-content {
  padding: 2.5vw 0 0 0;
  box-sizing: border-box;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-group .tabs .tab-content {
    padding: 29px 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-group .tabs .tab-content {
    padding: 1.125rem 0 0 0;
  }
}
.page-group .sec-group .tabs .tab-content .tab-panel {
  display: none;
}
.page-group .sec-group .tabs .tab-content .tab-panel.active {
  display: block;
}
.page-group .sec-group .tabs .tab-content .tab-panel .cat-btn-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  align-content: stretch;
  gap: 1.6379310345vw 0.9482758621vw;
  margin-bottom: 5.775862069vw;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .cat-btn-wrap {
    gap: 19px 11px;
    margin-bottom: 67px;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .cat-btn-wrap {
    gap: 0.75rem 0.375rem;
    margin-bottom: 2.3125rem;
  }
}
.page-group .sec-group .tabs .tab-content .tab-panel .cat-btn-wrap .b-cat-btn,
.page-group .sec-group .tabs .tab-content .tab-panel .cat-btn-wrap .l-cat-btn {
  width: calc((100% - 3.7931034483vw) / 5);
  color: #000;
  text-align: center;
  font-size: 1.3793103448vw;
  font-family: var(--nissui-recruit-ff-bold) !important;
  font-weight: 600 !important;
  line-height: 150%; /* 24px */
  letter-spacing: -0.176px;
  padding: 0.6896551724vw 0.4310344828vw;
  border-radius: 9.6551724138vw;
  border: 1px solid #C3C3C3;
  outline: none;
  background: #FFF;
  transition: 0.4s;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .cat-btn-wrap .b-cat-btn,
  .page-group .sec-group .tabs .tab-content .tab-panel .cat-btn-wrap .l-cat-btn {
    width: calc((100% - 44px) / 5);
    font-size: 16px;
    padding: 8px 5px;
    border-radius: 112px;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .cat-btn-wrap .b-cat-btn,
  .page-group .sec-group .tabs .tab-content .tab-panel .cat-btn-wrap .l-cat-btn {
    width: calc((100% - 0.375rem) / 2);
    font-size: 0.875rem;
    padding: 0.5rem 0.3125rem;
    border-radius: 6.125rem;
  }
}
.page-group .sec-group .tabs .tab-content .tab-panel .cat-btn-wrap .b-cat-btn.active, .page-group .sec-group .tabs .tab-content .tab-panel .cat-btn-wrap .b-cat-btn:active,
.page-group .sec-group .tabs .tab-content .tab-panel .cat-btn-wrap .l-cat-btn.active,
.page-group .sec-group .tabs .tab-content .tab-panel .cat-btn-wrap .l-cat-btn:active {
  color: #fff;
  border: 1px solid #E50012;
  background: #E50012;
}
@media screen and (min-width: 768px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .cat-btn-wrap .b-cat-btn:hover, .page-group .sec-group .tabs .tab-content .tab-panel .cat-btn-wrap .b-cat-btn:focus,
  .page-group .sec-group .tabs .tab-content .tab-panel .cat-btn-wrap .l-cat-btn:hover,
  .page-group .sec-group .tabs .tab-content .tab-panel .cat-btn-wrap .l-cat-btn:focus {
    border: 1px solid #E50012;
  }
}
.page-group .sec-group .tabs .tab-content .tab-panel .element-ttl {
  font-size: 2.7586206897vw;
  font-family: var(--nissui-recruit-ff-bold) !important;
  font-weight: 700;
  line-height: 150%; /* 48px */
  margin-bottom: 2.1551724138vw;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .element-ttl {
    font-size: 32px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .element-ttl {
    font-size: 1.3125rem;
    margin-bottom: 0.75rem;
  }
}
.page-group .sec-group .tabs .tab-content .tab-panel .box {
  padding: 3.1034482759vw 0 4.3103448276vw 0;
  border-top: 1px solid #DADADA;
  box-sizing: border-box;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .box {
    padding: 36px 0 50px 0;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .box {
    padding: 1.3125rem 0 1.75rem 0;
  }
}
.page-group .sec-group .tabs .tab-content .tab-panel .box-ttl {
  font-size: 1.8965517241vw;
  font-weight: 700;
  line-height: 150%; /* 33px */
  margin-bottom: 2.1551724138vw;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .box-ttl {
    font-size: 22px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .box-ttl {
    font-size: 1rem;
    margin-bottom: 0.75rem;
  }
}
.page-group .sec-group .tabs .tab-content .tab-panel .box-txt {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: stretch;
}
.page-group .sec-group .tabs .tab-content .tab-panel .box-txt dt, .page-group .sec-group .tabs .tab-content .tab-panel .box-txt dd {
  color: #333;
  font-size: 1.3793103448vw;
  font-family: var(--nissui-recruit-ff-bold) !important;
  font-weight: 600 !important;
  line-height: 180%; /* 28.8px */
}
@media screen and (min-width: 1160px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .box-txt dt, .page-group .sec-group .tabs .tab-content .tab-panel .box-txt dd {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .box-txt dt, .page-group .sec-group .tabs .tab-content .tab-panel .box-txt dd {
    font-size: 0.875rem;
  }
}
.page-group .sec-group .tabs .tab-content .tab-panel .box-txt dt {
  width: 6.8965517241vw;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .box-txt dt {
    width: 80px;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .box-txt dt {
    width: 4.375rem;
  }
}
.page-group .sec-group .tabs .tab-content .tab-panel .box-txt dd {
  width: calc(100% - 6.8965517241vw);
}
@media screen and (min-width: 1160px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .box-txt dd {
    width: calc(100% - 80px);
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .box-txt dd {
    width: calc(100% - 4.375rem);
  }
}
.page-group .sec-group .tabs .tab-content .tab-panel .box .btn_wrap {
  margin-top: 2.1551724138vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  align-content: stretch;
  gap: 0.8620689655vw 0.8620689655vw;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .box .btn_wrap {
    margin-top: 25px;
    gap: 10px 10px;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .box .btn_wrap {
    margin-top: 0.75rem;
    gap: 0.3125rem 0.3125rem;
  }
}
.page-group .sec-group .tabs .tab-content .tab-panel .box .btn_wrap .c-button {
  width: 20.8620689655vw;
  height: 3.6206896552vw;
  font-size: 1.2931034483vw;
  font-family: var(--nissui-recruit-ff);
  font-weight: 500;
  letter-spacing: -0.165px;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .box .btn_wrap .c-button {
    width: 242px;
    height: 42px;
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .box .btn_wrap .c-button {
    width: calc((100% - 0.3125rem) / 2);
    height: 2.375rem;
    font-size: 0.8125rem;
    padding: 0 0.5rem;
    align-items: center;
  }
}
@media screen and (max-width: 340px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .box .btn_wrap .c-button {
    font-size: 12px;
  }
}
.page-group .sec-group .tabs .tab-content .tab-panel .box .btn_wrap .c-button.-red {
  border-width: 1px;
}
.page-group .sec-group .tabs .tab-content .tab-panel .box .btn_wrap .c-button.-arrow:after {
  display: none;
}
.page-group .sec-group .tabs .tab-content .tab-panel .box .btn_wrap .c-button.-arrow:before {
  right: 9px !important;
}
@media screen and (max-width: 767px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .box .btn_wrap .c-button.-arrow:before {
    right: 0px !important;
    border-width: 0 1px 1px 0;
  }
}
.page-group .sec-group .tabs .tab-content .tab-panel .b-element_box + .b-element_box,
.page-group .sec-group .tabs .tab-content .tab-panel .l-element_box + .l-element_box {
  margin-top: 6.4655172414vw;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .b-element_box + .b-element_box,
  .page-group .sec-group .tabs .tab-content .tab-panel .l-element_box + .l-element_box {
    margin-top: 75px;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-group .tabs .tab-content .tab-panel .b-element_box + .b-element_box,
  .page-group .sec-group .tabs .tab-content .tab-panel .l-element_box + .l-element_box {
    margin-top: 1.5625rem;
  }
}
.page-group .sec-btm {
  padding: 11.8965517241vw 0 12.5862068966vw 0;
  border-top: 4px solid #E50012;
  box-sizing: border-box;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-btm {
    padding: 138px 0 146px 0;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-btm {
    padding: 2.625rem 0 3.125rem 0;
    border-top: 2px solid #E50012;
  }
}
.page-group .sec-btm .btn_wrap .c-button {
  width: 37.1551724138vw;
  height: 9.4827586207vw;
  margin: 0 auto;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-btm .btn_wrap .c-button {
    width: 431px;
    height: 110px;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-btm .btn_wrap .c-button {
    width: 100%;
    height: 4.25rem;
    align-items: center;
    font-size: 0.75rem;
  }
}
.page-group .sec-btm .btn_wrap .c-button .en {
  font-size: 1.8965517241vw;
  line-height: 150%;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-btm .btn_wrap .c-button .en {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-btm .btn_wrap .c-button .en {
    font-size: 1.375rem;
  }
}
.page-group .sec-btm .btn_wrap .c-button.-arrow:before, .page-group .sec-btm .btn_wrap .c-button.-arrow:after {
  left: 3.1034482759vw;
  right: auto;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-btm .btn_wrap .c-button.-arrow:before, .page-group .sec-btm .btn_wrap .c-button.-arrow:after {
    left: 36px;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-btm .btn_wrap .c-button.-arrow:before, .page-group .sec-btm .btn_wrap .c-button.-arrow:after {
    left: 1.6875rem;
  }
}
.page-group .sec-btm .btn_wrap .c-button.-arrow:before {
  margin-top: -0.1724137931vw;
  margin-left: 1.8965517241vw;
  margin-right: auto;
  height: 1.0344827586vw;
  width: 1.0344827586vw;
  border-width: 2px 0px 0px 2px;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-btm .btn_wrap .c-button.-arrow:before {
    margin-top: -2px;
    margin-left: 22px;
    height: 12px;
    width: 12px;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-btm .btn_wrap .c-button.-arrow:before {
    border-width: 0.0625rem 0px 0px 0.0625rem;
    margin-top: -0.0625rem;
    margin-left: 0.6875rem;
    height: 0.4375rem;
    width: 0.4375rem;
  }
}
.page-group .sec-btm .btn_wrap .c-button.-arrow:after {
  width: 3.7931034483vw;
  height: 3.7931034483vw;
}
@media screen and (min-width: 1160px) {
  .page-group .sec-btm .btn_wrap .c-button.-arrow:after {
    width: 44px;
    height: 44px;
  }
}
@media screen and (max-width: 767px) {
  .page-group .sec-btm .btn_wrap .c-button.-arrow:after {
    width: 1.4375rem;
    height: 1.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .page-group .sec-btm .btn_wrap .c-button:hover.-arrow:before, .page-group .sec-btm .btn_wrap .c-button:hover.-arrow:after {
    right: auto;
    left: 1.2068965517vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1160px) {
  .page-group .sec-btm .btn_wrap .c-button:hover.-arrow:before, .page-group .sec-btm .btn_wrap .c-button:hover.-arrow:after {
    left: 14px;
  }
}