@charset "UTF-8";

/* FV */
.recruit_fv {
  position: relative;
  overflow: hidden;
}
.recruit_fv_orbit {
  z-index: 9999;
  position: absolute;
  width: calc(3065/var(--view-size)*100vw);
  height: 561.8px;
  top: 220.19px;
  left: calc(-982.66/var(--view-size)*100vw);
  pointer-events: none;
  transform-origin: 50% 50%;
  z-index: 1;
}
.recruit_fv_orbit .ch {
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: 0 0;
  text-transform: uppercase;
  white-space: pre;
  font-family: 'poppins';
  letter-spacing: 0.08em;
  font-weight: 700;
  -webkit-background-clip: text;
  background-clip: text;
  user-select: none;
  display: inline-block;
  will-change: auto;
}
.recruit_fv_orbit.is-orbit-active .ch{
  will-change: transform;
}
.recruit_fv_orbit .layer-front .ch {
  font-size: 110px;
}
.recruit_fv_orbit .layer-back  .ch {
  font-size: 78px;
}
.recruit_fv_people{
  width: 100%;
  position: absolute;
  top: 506px;
}
.recruit_fv_people_cards{
  position: relative;
  width: 100%;
}
.recruit_fv_people_card{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  will-change: transform;
  width: 240px;
  height: 370px;
  box-sizing: border-box;
  border-radius: 10px 150px 10px 150px;
  overflow: hidden;
  will-change: transform, opacity; /* 動くことをブラウザに予告 */
  backface-visibility: hidden;    /* 3Dレンダリングを安定化 */
  transform-style: preserve-3d;
}
.recruit_fv_people_card:nth-child(6n + 1) {
  box-shadow: 8px 8px 0 0 #73D9D3;
}
.recruit_fv_people_card:nth-child(6n + 2) {
  box-shadow: 8px 8px 0 0 #C5B896;
}
.recruit_fv_people_card:nth-child(6n + 3) {
  box-shadow: 8px 8px 0 0 #9D8D0D;
}
.recruit_fv_people_card:nth-child(6n + 4) {
  box-shadow: 8px 8px 0 0 #397FC5;
}
.recruit_fv_people_card:nth-child(6n + 5) {
  box-shadow: 8px 8px 0 0 #B2A4E4;
}
.recruit_fv_people_card:nth-child(6n) {
  box-shadow: 8px 8px 0 0 #E2C496;
}
.recruit_fv_people_cards img {
  width: 100%;
  height: 100%;
}
.recruit_fv_inner {
  max-width: 1440px;
  margin: 0 auto;
}
.recruit_fv_content {
  position: relative;
  padding-top: 203px;
}
.recruit_fv_copy {
  display: flex;
  align-items: flex-end;
  column-gap: 52px;
  padding-left: 102px;
  position: relative;
  z-index: 5;
}
.recruit_fv_title {
  width: 497.5px;
}
.recruit_fv_text {
  width: 489px;
  padding-bottom: 2px;
}
.recruit_fv_copy img {
  width: 100%;
}
.recruit_fv_news {
  position: relative;
  margin-top: 427px;
  padding-right: 80px;
  text-align: right;
}
.recruit_fv_news_content {
  display: inline-block;
  width: 378px;
}
.recruit_fv_news_slider {
  background-color: var(--primary);
  border-radius: 20px;
  box-shadow: 0 0 10 0 rgba(0, 0, 0, 0.1);
}
.recruit_fv_news_card {
  padding: 20px;
  column-gap: 18px;
  align-items: flex-start;
}
.slick-initialized .slick-track .recruit_fv_news_card {
  display: flex;
}
.slick-initialized .slick-track .recruit_fv_news_card:hover .recruit_fv_news_card_thumb img{
  transform: scale(1.1);
}
.recruit_fv_news_card_thumb {
  width: 112px;
  overflow: hidden;
  border-radius: 20px;
}
.recruit_fv_news_card_thumb img {
  width: 100%;
  aspect-ratio: 1 / 1;
  transition: .3s;
}
.recruit_fv_news_card_content {
  text-align: left;
  width: calc(100% - 130px);
}
.recruit_fv_news_card_meta {
  display: flex;
  column-gap: 15px;
  align-items: center;
}
.recruit_fv_news_card_date {
  display: inline-block;
  font-size: 14px;
  line-height: calc(17 / 14);
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.5);
}
.recruit_fv_news_card_cat {
  display: inline-block;
  padding: 4px 8px 3px;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.2);
  font-family: 'poppins';
  font-size: 12px;
  font-weight: 600;
  line-height: calc(18 / 12);
  letter-spacing: 0.083333333em;
  color: var(--white);
}
.recruit_fv_news_card_title {
  display: block;
  margin-top: 11px;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0;
  color: var(--white);
}
.recruit_fv_news_slider_controls {
  margin-top: 8px;
  justify-content: flex-end;
}
.recruit_fv_news_slider_controls_btn {
  width: 32px;
  height: 32px;
  border: solid 1px rgba(0, 96, 176, 0.4);
}
.recruit_fv_news_slider_controls_prevBtn::before,
.recruit_fv_news_slider_controls_nextBtn::before {
  width: 6px;
  height: 10px;
}
.recruit_fv_news_slider_controls_pauseBtn::before {
  width: 7.5px;
  height: 8.5px;
}
.recruit_fv_news_slider_controls_pauseBtn.paused::before {
  width: 6.25px;
  height: 9px;
}
/* FVここまで */

/* 会社を知る */
.recruit_about_section {
  padding-top: 52px;
  padding-bottom: 100px;
  background-color: var(--white);
}
.recruit_about_columns {
  display: flex;
  justify-content: center;
}
.recruit_about_head {
  position: relative;
  padding-top: 96px;
  padding-bottom: 124px;
  padding-left: 134px;
  animation: initial;
  opacity: 1;
}
.recruit_about_head_img {
  position: absolute;
}
.recruit_about_head figure {
  opacity: 0;
  transform: translateY(30px);
}
.fadeUp.recruit_about_head figure {
  animation-name: fadeUpAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.recruit_about_head img{
  border-radius: 16px;
}
.recruit_about_head_img_top {
  top: 10px;
  left: 0;
  width: 198.74px;
  height: 172.78px;
}
.recruit_about_head_img_center {
  position: relative;
  width: 361.71px;
  height: 284.2px;
  margin-right: 38.57px;
}
.recruit_about_head_img_bottom {
  bottom: 0;
  left: 43px;
  width: 234.25px;
  height: 200.51px;
}
.recruit_about_content {
  margin-left: 75.72px;
  padding-top: 4px;
  width: 510px;
}
.recruit_about_heading_text {
  margin-top: 19px;
}
.recruit_about_items {
  margin-top: 36px;
  border-top: solid rgba(32, 32, 80, 0.1) 1px;
}
.recruit_about_items_columns {
  display: flex;
  column-gap: 6px;
}
.recruit_about_item {
  border-bottom: solid rgba(32, 32, 80, 0.1) 1px;
}
.recruit_about_items_columns .recruit_about_item {
  width: calc(50% - 3px);
}
.recruit_about_items_columns .recruit_about_item:first-child {
  margin-right: 16px;
}
.recruit_about_item_link {
  justify-content: space-between;
  padding: 32px 0;
  transition: 0.3s;
  font-weight: 500;
}
.recruit_about_item:hover .recruit_about_item_link {
  padding: 32px 32px 32px 24px;
  background-color: #F2F2F2;
}
.recruit_about_items_columns .recruit_about_item:hover .recruit_about_item_link {
  padding: 32px 20px 32px 12px;
}
/* 会社を知るここまで */

/* 職種を知る */
.recruit_job_section {
  background-color: var(--white);
}
.recruit_job_content {
  margin-top: 45px;
}
.recruit_job_btn_wrapper {
  margin-top: 63px;
}
/* 職種を知るここまで */

/* 人を知る */
.recruit_people_section {
  background-color: #F9F9F9;
}
.recruit_people_interview {
  margin-top: 10px;
}
.recruit_people_heading {
  margin-bottom: -130px;
}
.recruit_people_heading_en {
  margin-left: -160px;
  background-color: #F9F9F9;
  isolation: isolate;
}
.recruit_people_discussion {
  margin-top: 40px;
}
/* 人を知るここまで */

@media(max-width: 1000px){
.recruit_fv_people{
  top: calc(430/var(--view-size)*100vw);
}
}

@media(max-width: 1439px){
/* FV */
.recruit_fv_orbit{
  width: calc(3065/var(--view-size)*100vw);
  height: calc(561.8/var(--view-size)*100vw);
  top: calc(220.19/var(--view-size)*100vw);
  left: calc(-982.66/var(--view-size)*100vw);
}
.recruit_fv_orbit .layer-front .ch {
  font-size: calc(110 / 1440 * 100vw);
}
.recruit_fv_orbit .layer-back  .ch {
  font-size: calc(78 / 1440 * 100vw);
}
.recruit_fv_people{
  top: calc(506/var(--view-size)*100vw);
}
.recruit_fv_people_card{
  width: calc(240/var(--view-size)*100vw);
  height: calc(370/var(--view-size)*100vw);
  border-radius: calc(10/var(--view-size)*100vw) calc(150/var(--view-size)*100vw) calc(10/var(--view-size)*100vw) calc(150/var(--view-size)*100vw);
}
.recruit_fv_people_card:nth-child(6n + 1) {
  box-shadow: calc(8/var(--view-size)*100vw) calc(8/var(--view-size)*100vw) 0 0 #73D9D3;
}
.recruit_fv_people_card:nth-child(6n + 2) {
  box-shadow: calc(8/var(--view-size)*100vw) calc(8/var(--view-size)*100vw) 0 0 #C5B896;
}
.recruit_fv_people_card:nth-child(6n + 3) {
  box-shadow: calc(8/var(--view-size)*100vw) calc(8/var(--view-size)*100vw) 0 0 #9D8D0D;
}
.recruit_fv_people_card:nth-child(6n + 4) {
  box-shadow: calc(8/var(--view-size)*100vw) calc(8/var(--view-size)*100vw) 0 0 #397FC5;
}
.recruit_fv_people_card:nth-child(6n + 5) {
  box-shadow: calc(8/var(--view-size)*100vw) calc(8/var(--view-size)*100vw) 0 0 #B2A4E4;
}
.recruit_fv_people_card:nth-child(6n) {
  box-shadow: calc(8/var(--view-size)*100vw) calc(8/var(--view-size)*100vw) 0 0 #E2C496;
}
.recruit_fv_inner {
  max-width: calc(1440/var(--view-size)*100vw);
}
.recruit_fv_content {
  padding-top: calc(203/var(--view-size)*100vw);
}
.recruit_fv_copy {
  column-gap: calc(52/var(--view-size)*100vw);
  padding-left: calc(102/var(--view-size)*100vw);
}
.recruit_fv_title {
  width: calc(497.5/var(--view-size)*100vw);
}
.recruit_fv_text {
  width: calc(489/var(--view-size)*100vw);
  padding-bottom: calc(2/var(--view-size)*100vw);
}
.recruit_fv_news {
  margin-top: calc(427/var(--view-size)*100vw);
  padding-right: calc(80/var(--view-size)*100vw);
}
.recruit_fv_news_content {
  width: calc(378/var(--view-size)*100vw);
}
.recruit_fv_news_slider {
  border-radius: calc(20/var(--view-size)*100vw);
}
.recruit_fv_news_card {
  padding: calc(20/var(--view-size)*100vw);
  column-gap: calc(18/var(--view-size)*100vw);
}
.recruit_fv_news_card_thumb {
  width: calc(112/var(--view-size)*100vw);
  border-radius: calc(20/var(--view-size)*100vw);
}
.recruit_fv_news_card_content {
  width: calc(100% - (130/var(--view-size)*100vw));
}
.recruit_fv_news_card_meta {
  column-gap: calc(15/var(--view-size)*100vw);
}
.recruit_fv_news_card_date {
  font-size: calc(14/var(--view-size)*100vw);
}
.recruit_fv_news_card_cat {
  padding: calc(4/var(--view-size)*100vw) calc(8/var(--view-size)*100vw) calc(3/var(--view-size)*100vw);
  border-radius: calc(6/var(--view-size)*100vw);
  font-size: calc(12/var(--view-size)*100vw);
}
.recruit_fv_news_card_title {
  margin-top: calc(11/var(--view-size)*100vw);
  font-size: calc(14/var(--view-size)*100vw);
}
.recruit_fv_news_slider_controls {
  margin-top: calc(8/var(--view-size)*100vw);
}
.recruit_fv_news_slider_controls_btn {
  width: calc(32/var(--view-size)*100vw);
  height: calc(32/var(--view-size)*100vw);
}
.recruit_fv_news_slider_controls_prevBtn::before,
.recruit_fv_news_slider_controls_nextBtn::before {
  width: calc(6/var(--view-size)*100vw);
  height: calc(10/var(--view-size)*100vw);
}
.recruit_fv_news_slider_controls_pauseBtn::before {
  width: calc(7.5/var(--view-size)*100vw);
  height: calc(8.5/var(--view-size)*100vw);
}
.recruit_fv_news_slider_controls_pauseBtn.paused::before {
  width: calc(6.25/var(--view-size)*100vw);
  height: calc(9/var(--view-size)*100vw);
}
/* FVここまで */

/* 会社を知る */
.recruit_about_section {
  padding-top: calc(52/var(--view-size)*100vw);
  padding-bottom: calc(100/var(--view-size)*100vw);
}
.recruit_about_head {
  padding-top: calc(96/var(--view-size)*100vw);
  padding-bottom: calc(124/var(--view-size)*100vw);
  padding-left: calc(134/var(--view-size)*100vw);
}
.recruit_about_head img{
  border-radius: calc(16/var(--view-size)*100vw);
}
.recruit_about_head_img_top {
  top: calc(10/var(--view-size)*100vw);
  width: calc(198.74/var(--view-size)*100vw);
  height: calc(172.78/var(--view-size)*100vw);
}
.recruit_about_head_img_center {
  width: calc(361.71/var(--view-size)*100vw);
  height: calc(284.2/var(--view-size)*100vw);
  margin-right: calc(38.57/var(--view-size)*100vw);
}
.recruit_about_head_img_bottom {
  left: calc(43/var(--view-size)*100vw);
  width: calc(234.25/var(--view-size)*100vw);
  height: calc(200.51/var(--view-size)*100vw);
}
.recruit_about_content {
  margin-left: calc(75.72/var(--view-size)*100vw);
  padding-top: calc(4/var(--view-size)*100vw);
  width: calc(510/var(--view-size)*100vw);
}
.recruit_about_heading_text {
  margin-top: calc(19/var(--view-size)*100vw);
}
.recruit_about_items {
  margin-top: calc(36/var(--view-size)*100vw);
}
.recruit_about_items_columns {
  column-gap: calc(6/var(--view-size)*100vw);
}
.recruit_about_items_columns .recruit_about_item {
  width: calc(50% - (3/var(--view-size)*100vw));
}
.recruit_about_items_columns .recruit_about_item:first-child {
  margin-right: calc(16/var(--view-size)*100vw);
}
.recruit_about_item_link {
  padding: calc(32/var(--view-size)*100vw) 0;
}
.recruit_about_item:hover .recruit_about_item_link {
  padding: calc(32/var(--view-size)*100vw) calc(32/var(--view-size)*100vw) calc(32/var(--view-size)*100vw) calc(24/var(--view-size)*100vw);
}
.recruit_about_items_columns .recruit_about_item:hover .recruit_about_item_link {
  padding: calc(32/var(--view-size)*100vw) calc(20/var(--view-size)*100vw) calc(32/var(--view-size)*100vw) calc(12/var(--view-size)*100vw);
}
/* 会社を知るここまで */

/* 職種を知る */
.recruit_job_content {
  margin-top: calc(45/var(--view-size)*100vw);
}
.recruit_job_btn_wrapper {
  margin-top: calc(63/var(--view-size)*100vw);
}
/* 職種を知るここまで */

/* 人を知る */
.recruit_people_interview {
  margin-top: calc(10/var(--view-size)*100vw);
}
.recruit_people_heading {
  margin-bottom: calc(-130/var(--view-size)*100vw);
}
.recruit_people_heading_en {
  margin-left: calc(-160/var(--view-size)*100vw);
}
.recruit_people_discussion {
  margin-top: calc(40/var(--view-size)*100vw);
}
/* 人を知るここまで */
}

@media(max-width: 1000px){
.recruit_fv_people{
  top: calc(430/var(--view-size)*100vw);
}
}

@media(max-width: 768px){
/* FV */
.recruit_fv_orbit{
  width: calc(2432/var(--view-size)*100vw);
  height: calc(380/var(--view-size)*100vw);
  top: calc(149/var(--view-size)*100vw);
  left: calc(-991.66/var(--view-size)*100vw);
  --orbit-front-count: 150;
  --orbit-max-front: 150;
  --orbit-back-count: 201;
  --orbit-max-back: 201;
  --orbit-split-front: -80px;
  --orbit-split-back:  -90px;
}

.recruit_fv_orbit .layer-front .ch {
  font-size: calc(60 / 390 * 100vw);
}
.recruit_fv_orbit .layer-back  .ch {
  font-size: calc(32 / 390 * 100vw);
}
.recruit_fv_people{
  top: calc(397/var(--view-size)*100vw);
  right: calc(80/var(--view-size)*100vw);
}
.recruit_fv_people_card{
  width: calc(164.73/var(--view-size)*100vw);
  height: calc(254.13/var(--view-size)*100vw);
  border-radius: calc(10/var(--view-size)*100vw) calc(100/var(--view-size)*100vw) calc(10/var(--view-size)*100vw) calc(100/var(--view-size)*100vw);
}
.recruit_fv_inner {
  max-width: calc(390/var(--view-size)*100vw);
}
.recruit_fv_content {
  padding-top: calc(132/var(--view-size)*100vw);
}
.recruit_fv_copy {
  display: block;
  padding-left: calc(20/var(--view-size)*100vw);
}
.recruit_fv_title {
  width: calc(273/var(--view-size)*100vw);
}
.recruit_fv_text {
  margin-top: calc(25/var(--view-size)*100vw);
  width: calc(205/var(--view-size)*100vw);
}
.recruit_fv_news {
  margin-top: calc(345/var(--view-size)*100vw);
  padding-right: calc(17/var(--view-size)*100vw);
  padding-left: calc(17/var(--view-size)*100vw);
}
.recruit_fv_news_content {
  width: 100%;
}
.recruit_fv_news_card {
  padding: calc(8/var(--view-size)*100vw);
  column-gap: calc(10/var(--view-size)*100vw);
}
.recruit_fv_news_card_thumb {
  width: calc(77/var(--view-size)*100vw);
  border-radius: calc(20/var(--view-size)*100vw);
  overflow: hidden;
}
.recruit_fv_news_card_content {
  padding-top: calc(3/var(--view-size)*100vw);
  width: calc(100% - (87/var(--view-size)*100vw));
}
.recruit_fv_news_card_meta {
  column-gap: calc(10/var(--view-size)*100vw);
}
.recruit_fv_news_card_date {
  font-size: calc(12/var(--view-size)*100vw);
  line-height: calc(14 / 12);
}
.recruit_fv_news_card_cat {
  padding: calc(2/var(--view-size)*100vw) calc(9/var(--view-size)*100vw);
}
.recruit_fv_news_card_title {
  margin-top: calc(6/var(--view-size)*100vw);
  font-size: calc(13/var(--view-size)*100vw);
}
.slick-initialized .slick-track .recruit_fv_news_card:hover .recruit_fv_news_card_thumb img{
  transform: scale(1);
}
.recruit_fv_news_slider_controls {
  margin-top: calc(18/var(--view-size)*100vw);
}
/* FVここまで */

/* 会社を知る */
.recruit_about_section {
  padding-top: calc(31/var(--view-size)*100vw);
  padding-bottom: calc(83/var(--view-size)*100vw);
}
.recruit_about_columns {
  display: block;
}
.recruit_about_head {
  padding-top: calc(65.72/var(--view-size)*100vw);
  padding-bottom: calc(87.77/var(--view-size)*100vw);
  padding-left: 0;
}
.recruit_about_head_img_top {
  top: calc(7/var(--view-size)*100vw);
  left: calc(-3/var(--view-size)*100vw);
  width: calc(140.32/var(--view-size)*100vw);
  height: calc(121.99/var(--view-size)*100vw);
}
.recruit_about_head_img_center {
  width: calc(255.39/var(--view-size)*100vw);
  height: calc(200.66/var(--view-size)*100vw);
  margin-right: calc(3/var(--view-size)*100vw);
  margin-left: auto;
}
.recruit_about_head_img_bottom {
  left: calc(27.36/var(--view-size)*100vw);
  width: calc(165.39/var(--view-size)*100vw);
  height: calc(141.57/var(--view-size)*100vw);
}
.recruit_about_content {
  margin-left: 0;
  padding-top: calc(4/var(--view-size)*100vw);
  width: 100%;
}
.recruit_about_heading_text {
  margin-top: calc(26/var(--view-size)*100vw);
}
.recruit_about_items {
  margin-top: calc(21/var(--view-size)*100vw);
}
.recruit_about_items_columns {
  display: block;
}
.recruit_about_items_columns .recruit_about_item {
  width: 100%;
}
.recruit_about_items_columns .recruit_about_item:first-child {
  margin-right: 0;
}
.recruit_about_item_link {
  letter-spacing: 0;
  padding: calc(18.5/var(--view-size)*100vw) 0 calc(20.5/var(--view-size)*100vw);
}
.recruit_about_item:hover .recruit_about_item_link {
  padding: calc(32/var(--view-size)*100vw) calc(32/var(--view-size)*100vw) calc(32/var(--view-size)*100vw) calc(24/var(--view-size)*100vw);
}
.recruit_about_items_columns .recruit_about_item:hover .recruit_about_item_link {
  padding: calc(32/var(--view-size)*100vw) calc(20/var(--view-size)*100vw) calc(32/var(--view-size)*100vw) calc(12/var(--view-size)*100vw);
}
.recruit_about_item:hover .recruit_about_item_link{
  padding: calc(18.5/var(--view-size)*100vw) 0 calc(20.5/var(--view-size)*100vw);
  background: none;
}
/* 会社を知るここまで */

/* 職種を知る */
.recruit_job_content {
  margin-top: calc(25/var(--view-size)*100vw);
}
.recruit_job_btn_wrapper {
  margin-top: calc(58/var(--view-size)*100vw);
}
/* 職種を知るここまで */

/* 人を知る */
.recruit_people_heading {
  margin-bottom: 0;
}
.recruit_people_heading_en {
  margin-left: calc(-20/var(--view-size)*100vw);
}
.recruit_people_discussion {
  margin-top: calc(60/var(--view-size)*100vw);
}
/* 人を知るここまで */

/* その他 */
.recruit_nextArea_wrapper img{
  object-position: left;
}
}

@media(max-width: 500px){
.recruit_fv_people{
  top: calc(297/var(--view-size)*100vw);
}
}