@charset "UTF-8";
/*============================================================================================
      Header
=============================================================================================*/
/*    Navigation
=====================================================*/
.l-header{
      background-color: initial;
      box-shadow: initial;
      position: absolute;
}
.l-header__inner{
      max-width: 100%;
      height: 90px;
}
.l-header__logo{
      width: 280px;
      height: 110px;
      padding: 15px 0;
}
.c-headLogo{
      height: 100%;
}
.c-gnav>.menu-item>a:hover::after{
      display: none;
}
.top .c-gnav>.menu-item>a .ttl{
      color: var(--color_header_inr_menu) !important;
      font-weight: bold;
      transition: color .2s;
}
.c-gnav>.menu-item>a .ttl{
      color: #222 !important;
      font-weight: bold;
      transition: color .2s;
}
.c-gnav>.menu-item>a:hover .ttl{
      color: var(--color_sub) !important;
}
.l-header__bar{
      display: none;
}
.menu-item:last-child .ttl{
      display: inline-block;
      background-color: var(--color_main);
      border: 2px solid var(--color_main);
      padding: 18px 48px;
      border-radius: 5px;
      transition: background .2s;
}

.c-gnav>.menu-item:last-child>a .ttl{
      color: #fff !important;
}
.c-gnav>.menu-item:last-child>a:hover .ttl{
      background-color: #fff;
      color: var(--color_main) !important;
} 
#fix_header{
      background-color: #fff;
}
.l-fixHeader__inner{
      max-width: 100%;
}
.l-fixHeader__logo{
      width: 240px;
      height: 80px;
      padding: 15px 0;
}
.l-fixHeader__logo img{
      width: 100%;
      height: 100%;
      object-fit: contain;
}
.l-fixHeader .c-headLogo{
      height: 100%;
}
.l-fixHeader .c-gnav>.menu-item>a .ttl{
      color: #222 !important;
}
.l-fixHeader .c-gnav>.menu-item>a:hover .ttl{
      color: var(--color_sub) !important;
}
.l-fixHeader .c-gnav>.menu-item:last-child>a .ttl{
      color: #fff !important;
}
.l-fixHeader .c-gnav>.menu-item:last-child>a:hover .ttl{
      color: var(--color_main) !important;
}
.l-header__inner{
      position: absolute;
      padding: 0 10px;
}
.c-iconBtn__icon {
      display: block;
      font-size: 28px;
}
.l-header__menuBtn{
      background-color: var(--color_main) !important;
}
/* .menu-item:last-child a{
      background-color: var(--color_main);
} */
/*============================================================================================
      Footer
=============================================================================================*/
/* .w_Footer{
      padding-top: 80px !important;
      padding-bottom: 100px !important;
} */
.footer_logo_cont{
      padding-top: 3px;
}
.footer_logo{
      width: 100%;
      max-width: 300px;
}
.footer_sns{
      margin-top: 50px;
      width: 30px;
      transition: opacity .2s;
}
.footer_sns:hover{
      opacity: .6;
}
.footer_btn_lst{
      width: calc(100% - 350px);
      padding-left: 10px;
      margin-left: auto;
}
.footer_btn_lst_itm{
      margin-right: 5%;
      width: 47.5%;
}
.footer_btn_lst_itm:nth-child(2n){
      margin-right: 0;
}
.footer_cont_div{
      width: 30%;
      margin-right: 5%;
}
.footer_cont_div:nth-child(3n){
      margin-right: 0;
}
.footer_cont_dt{
      font-size: 1.8rem;
      font-weight: bold;
      letter-spacing: 1px;
}
.footer_cont_dd{
      position: relative;
      padding-top: 20px;
      margin-top: 20px;
}
.footer_cont_dd::before{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #000000;
      z-index: 1;
}
.footer_cont_dd::after{
      content: "";
      display: block;
      position: absolute;
      height: 3px;
      width: 50px;
      top: -1px;
      left: 0;
      background-color: #0D6FB8;
      z-index: 2;
}
.footer_map{
      height: 185px;
}
.footer_nav_lst_itm{
      width: 47.5%;
      margin-right: 5%;
}
.footer_nav_lst_itm:nth-child(2n){
      margin-right: 0;
}
.footer_nav_lst_itm:nth-child(n+3){
      margin-top: 20px;
}
.footer_nav_lst_itm_inr{
      position: relative;
      display: block;
      transition: color .2s;
}
.footer_nav_lst_itm_inr:hover{
      color: #0D6FB8;
}
.footer_nav_lst_itm_inr::before{
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 1px;
      bottom: 0;
      left: 0;
      background-color: #000;
}
.footer_nav_lst_itm_home_inr::before{
      display: none;
}
.footer_nav_lst_itm_en{
      font-size: 1rem;
      font-weight: bold;
      letter-spacing: 1px;
      color: #0D6FB8;
}
.footer_nav_lst_itm_ja{
      font-weight: bold;
      padding-bottom: 5px;
      font-size: 1rem;
      padding-top: 5px;
      white-space: nowrap;
}
.footer_copy{
      padding: 8px;
      margin-top: 80px;
      background-color: #0D6FB8;
      color: #fff;
      font-size: 1.2rem;
}
.footer_btn_cont_inr{
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: end;
}
.footer_btn_cont_inr .wp-block-column{
      max-width: 255px;
}

.footer_nav_cont .swl-fz{
      font-weight: bold;
      display: inline-block;
      padding-bottom: 5px;
      color: var(--color_main);
}
.footer_nav_cont svg{
      display: none;
}
.footer_nav_cont .swell-block-linkList__link{
      padding-bottom: 10px;
      border-bottom: 1px solid #ccc;
}
.footer_cont_ttl{
      position: relative;
      padding-bottom: 20px;
      border-bottom: 1px solid #000;
      font-size: 1.8rem;
      font-weight: bold;
      letter-spacing: 2px;
}
.footer_cont_ttl::before{
      content: "";
      display: block;
      position: absolute;
      bottom: -2px;
      height: 3px;
      width: 50px;
      background-color: var(--color_main);
}
.footer_btn{
      display: flex;
      align-items: center;
}
.l-footer{
      z-index: 1;
      background-color: var(--color_main) !important;
}
.l-footer__foot{
      padding: 5px;
}
.footer_sub_cont_01{
      padding-right: 10px;
}
.footer_sub_cont_02{
      padding: 0 5px;
}
.footer_sub_cont_03{
      padding-left: 10px;
}
.wp-social-link-instagram{
      background-color: var(--color_main) !important;
}
@media (max-width: 1080px){
      .footer_nav_lst_itm {
            width: 100%;
            margin-right: 0%;
      }
      .footer_nav_lst_itm:nth-child(n+2){
            margin-top: 20px;
      }
      .footer_nav_lst_itm_inr{
            display: block;
      }
}
@media (max-width: 896px){
      .footer_logo{
            width: 180px;
            max-width: 100%;
      }
      .footer_sns{
            margin-top: 50px;
            width: 40px;
            transition: opacity .2s;
      }
      .footer_logo_cont{
            width: 100%;
            padding-top: 60px;
            order: 2;
      }
      .footer_sns {
            margin-top: 20px;
      }
      .footer_btn_lst{
            width: 100%;
            padding-left: 0;
            order: 1;
      }
      .footer_btn_lst_itm{
            width: 48.5%;
            margin-right: 3%;
            max-width: 100%;
      }
      .footer_btn_lst_itm:nth-child(2n){
            margin-right: 0;
      }
}
@media (max-width: 576px){
      .footer_btn_lst_itm a{
            /* width: 100%;
            margin-right: 0%;
            max-width: 100%; */
            font-size: 1.1rem !important;
      }
      /* .footer_btn_lst_itm:nth-child(2n){
            margin-right: 0;
            margin-top: 20px;
      } */
      .footer_cont_div {
            width: 100%;
            margin-right: 0%;
      }
      .footer_cont_div + div{
            margin-top: 50px;
      }
      .footer_nav_lst_itm {
            width: 47.5%;
            margin-right: 5%;
      }
      .footer_nav_lst_itm:nth-child(n+2){
            margin-top: 0px;
      }
      .footer_nav_lst_itm:nth-child(n+3){
            margin-top: 20px;
      }
      .footer_nav_lst_itm_inr{
            display: block;
      }
      .footer_logo_cont{
            width: 100%;
            padding-top: 50px;
            order: 2;
      }
      .footer_sns {
            margin-top: 10px;
            margin-left: auto;
      }
      .footer_logo {
            width: 100%;
            max-width: 100%;
      }
      .l-fixHeader__logo{
      width: 200px;
}
}

@media (max-width: 960px){
      .footer_btn_cont_inr {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
      }
}

@media (max-width: 782px){
      .footer_logo{
            max-width: 220px;
      }
      .footer_sns_lst{
            display: inline-block;
            position: absolute;
            right: 0;
            top: 80px;
      }
      .footer_btn_cont_inr {
            margin-top: 50px !important;
      }
      .footer_cont_ttl{
            font-size: 2rem;
      }
      .footer_cont_ttl{
            padding-top: 20px !important;
      }
      .footer_sub_cont_01{
            padding-right: 0px;
      }
      .footer_sub_cont_02{
            padding: 0;
      }
      .footer_sub_cont_03{
            padding-left: 0px;
      }
      .wp-block-social-links .wp-social-link svg{
            height: 30px;
            width: 30px ;
      }
}

/*============================================================================================
      Contents
=============================================================================================*/
/*    MV
=====================================================*/
.top .l-content{
      margin-bottom: 0 !important;
}
.l-content{
      background: initial;
}
.top #content {
      padding-top: 0em;
}
.top_mv{
      width: 100vw !important;
      margin-right: calc(50% - 50vw) !important;
      margin-left: calc(50% - 50vw) !important;
      height: 100vh !important;
      padding: 0 !important;
}
.top_about_txt_cont{
      min-height: 570px;
}
.top_about_txt{
      max-width: 525px;
      margin: auto;
      line-height: 2;
}
.top_about_img_01{
      position: absolute !important;
      left: 50%;
      transform: translateX(320px);
      top: 0;
      width: 160px !important;
      height: 160px !important;
}
.top_about_img_01 img{
      object-fit: cover;
      border-radius: 5px;
      box-shadow: 0 3px 6px #00000012;
}
.top_about_img_02{
      position: absolute !important;
      left: 50%;
      transform: translateX(420px);
      top: 190px;
      width: 160px !important;
      height: 160px !important;
}
.top_about_img_02 img{
      object-fit: cover;
      border-radius: 5px;
      box-shadow: 0 3px 6px #00000012;
}
.top_about_img_03{
      position: absolute !important;
      right: 50%;
      transform: translateX(-420px);
      top: 220px;
      width: 160px !important;
      height: 160px !important;
}
.top_about_img_03 img{
      object-fit: cover;
      border-radius: 5px;
      box-shadow: 0 3px 6px #00000012;
}
.top_about_img_04{
      position: absolute !important;
      right: 50%;
      transform: translateX(-320px);
      top: 410px;
      width: 160px !important;
      height: 160px !important;
}
.top_about_img_04 img{
      object-fit: cover;
      border-radius: 5px;
      box-shadow: 0 3px 6px #00000012;
}
.top_about_img_05{
      position: absolute !important;
      left: 50%;
      transform: translateX(130px);
      width: 200px !important;
      height: 80px !important;
}
.top_about_img_05 img{
      object-fit: contain !important;
      border-radius: 5px;
}
.c-gnav > .-current > a::after{
      display: none;
}
@media (max-width: 960px){
      .top_about_txt_cont{
            min-height: initial;
            padding-top: 220px;
            padding-bottom: 220px;
            margin-bottom: 100px;
      }
      .top_about_img_01{
            transform: translateX(-30px);
      }
      .top_about_img_02{
            top: 120px;
            transform: translateX(180px);
      }
      .top_about_img_03 {
            transform: translateX(-120px);
            top: initial;
            bottom: 0;
      }
      .top_about_img_04 {
            right: 50%;
            transform: translateX(80px);
            bottom: -120px;
            top: initial;
      }
}
@media (max-width: 782px){
      .top_mv{
            height: 90vw !important;
            padding: 0 !important;
      }
      .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.g_ttl_en{
            /* display: inline-block !important; */
            flex-basis: initial !important;
      }
      .top_about_txt_cont{
            min-height: initial;
            padding-top: 180px;
            padding-bottom: 180px;
            margin-bottom: 100px;
      }
      .top_about_img_01{
            transform: translateX(-50px);
            width: 120px !important;
            height: 120px !important;
      }
      .top_about_img_02{
            top: 50px;
            transform: translateX(90px);
            width: 120px !important;
            height: 120px !important;
      }
      .top_about_img_03 {
            transform: translateX(-120px);
            top: initial;
            bottom: 0;
            right: 42%;
            width: 120px !important;
            height: 120px !important;
      }
      .top_about_img_04 {
            right: 50%;
            transform: translateX(50px);
            bottom: -55px;
            width: 120px !important;
            height: 120px !important;
      }
      .top_about_img_05{
            left: initial;
            right: -2vw;
            transform: none;
            width: 160px !important;
      }
      .top_about_img_05 img{
            object-fit: contain !important;
      }
}
/*    スライダー
=====================================================*/
.top_st_lst{
      margin-right: calc(50% - 50vw) !important;
      margin-left: calc(50% - 50vw) !important;
      width: 100vw !important;
}
.top_st_lst_itm{
      position: relative;
      /* height: 300px; */
      transition: padding .2s;
      transition-delay: 1s;
      height: 380px;
      padding: 30px 0;
      margin: 0 25px !important;
      transition: padding .2s;
      transition-delay: 1s;
      border-radius: 5px;
      overflow: hidden;
}
.top_st_lst_itm img{
      border-radius: 5px;
}
.top_st_lst_itm_color{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity .2s;
      transition-delay: 1s;
}
.top_st_lst_itm img{
      height: 100%;
      object-fit: cover;
}
.top_st_lst_itm.slick-center{
      /* scale: 1.1; */
      padding: 0px;
}
.top_st_lst_itm.slick-center img{
      /* scale: 1.1; */
}
.top_st_lst_itm.slick-center .top_st_lst_itm_color{
      opacity: 1;
}
.g_slider_02 .slick-prev{
      background-color: var(--color_main);
}
.g_slider_02 .slick-next{
      background-color: var(--color_main);
}
.top_strength_lst_img img{
      border-radius: 5px;
}
.top_interview_cont{
      margin-top: 60px;
      padding: 80px;
      background-color: var(--color_main);
      border-radius: 10px;
}
.top_interview_mv{
      width: 50vw !important;
      padding-left: 5vw;
      border-radius: 5px !important;
      overflow: hidden;
      margin-right: calc(50% - 50vw) !important;
      padding-top: 60px !important;
      padding-left: 0 !important;
}
.top_interview_mv img{
      width: 100%;
      height: 100%;
      max-height: 540px;
      object-fit: cover;
      border-radius: 5px !important;
}
.top_interview_txtarea{
      width: 44vw;
      max-width: 580px;
      background-color: #fff;
      border-radius: 10px;
      padding: 60px;
}
.top_interview_txtarea dt{
      color: var(--color_main);
      font-weight: bold;
      font-size: 2.2rem !important;
      padding-left: 2em !important;
}
.swell-block-faq .faq_q:before {
      border: none !important;
      box-shadow: none !important;
      content: "Q";
      display: block;
      font-family: Arial, sans-serif;
      font-weight: 400;
      left: 0;
      line-height: 2;
      position: absolute;
      text-align: center;
      top: initial;
      width: initial;
      font-size: 3.6rem;
      color: var(--color_sub);
      top: 0px;
}
.top_interview_txtarea dd{
      font-weight: 500;
      font-size: 1.5rem !important;
}
.swell-block-faq .faq_a:before {
      border: none !important;
      box-shadow: none !important;
      content: "A";
      display: block;
      font-family: Arial, sans-serif;
      font-weight: 400;
      left: 0;
      line-height: 2;
      position: absolute;
      text-align: center;
      top: initial;
      width: initial;
      font-size: 3.6rem;
      color: var(--color_sub);
      top: -15px;
      left: 2px;
}
.top_greeting_mv{
      width: 40vw;
      margin-left: calc(50% - 35vw) !important;
      box-shadow: 0 3px 6px #00000012;
      border-radius: 5px;
      overflow: hidden;
}
.top_greeting_mv img{
      width: 100%;
      height: 100%;
      object-fit: cover;
}
.top_greeting_sub_img{
      margin-right: 30px;
      border-radius: 5px;
      overflow: hidden;
      /* width: 100%;
      max-width: 330px; */
      /* box-shadow: 0 3px 6px #00000012; */
}
.wp-block-image .alignright.top_greeting_sub_img{
      margin-left: 0 !important;
}
.top_greeting_sub_img img{
      width: 100%;
      object-fit: cover;
      border-radius: 5px;
}
.top_greeting_txt{
      line-height: 2.2;
}
.top_recruit_bg_img{
      position: fixed;
      z-index: -1;
      top: 0;
      left: 0;
      height: 100vh;
      margin: 0 !important;
      width: 100vw !important;
      margin-right: calc(50% - 50vw) !important;
      margin-left: calc(50% - 50vw) !important;
}
.top_recruit_bg_img img{
      width: 100%;
      height: 100%;
      object-fit: cover;
}
@media (max-width: 960px){
      .top_interview_cont {
            margin-top: 60px;
            padding: 40px;
      }
      .top_interview_txtarea{
            padding: 30px;
      }
}
@media (max-width: 782px){
      .top_st_lst_itm{
            height: 220px;
            margin: 0 10px !important;
      }
      .top_interview_mv{
            padding-top: 0 !important;
            width: 92vw !important;
      }
      .top_interview_cont {
            margin-top: 60px;
            padding: 20px;
      }
      .top_interview_txtarea {
            width: 100%;
            max-width: 100%;
            background-color: #fff;
            border-radius: 10px;
            padding: 20px;
      }
      .top_interview_txtarea .faq_q{
            font-size: 1.8rem !important;
            padding-left: 45px !important;
            padding-right: 0;
      }
      .swell-block-faq .faq_a{
            padding-right: 0 !important;
      }
      .top_greeting_mv {
            width: 50%;
            margin-left: 0 !important;
            box-shadow: 0 3px 6px #00000012;
            border-radius: 5px;
            overflow: hidden;
      }
      .top_greeting_sub_img{
            width: 50%;
            margin-right: 0;
            margin-bottom: -20px;
      }
      .top_greeting_img_cont{
            display: flex;
            align-items: end;
      }
      .l-header__logo{
      width: 210px;
      }
}


/*    採用情報
=====================================================*/
.recruit_bg_img{
      position: fixed;
      height: 100vh;
      width: 100vw;
      top: 0;
      left: 0;
      z-index: -10;
}
.recruit_bg_img img{
      height: 100%;
      object-fit: cover;
}
.main_cont_recruit{
      margin-top: 240px;
      margin-bottom: 0;
}
.top_recruit_sec{
      margin-top: -400px;
}
.top_recruit_cont{
      position: relative;
      padding-top: 120px;
      background-color: #fff;
      padding-right: 85px;
}
.top_recruit_cont::before{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 90%;
      width: 100%;
      height: 100%;
      background-color: #fff;
      z-index: -1;
}
.top_recruit_cont::after{
      content: "";
      display: block;
      position: absolute;
      top: 400px;
      left: 90%;
      width: 100%;
      height: 100%;
      background-color: #fff;
      z-index: -1;
}
.g_recruit_lst_itm{
      width: 47.5%;
      margin-right: 5%;
      position: relative;
      z-index: 2;
}
.g_recruit_lst_itm:nth-child(2n){
      margin-right: 0;
}
.g_recruit_lst_itm:nth-child(n+3){
      margin-top: 60px;
}
.g_recruit_lst_itm:nth-child(4n-1){
      padding-top: 60px;
      z-index: 3;
}
.g_recruit_lst_itm:nth-child(4n){
      padding-top: 60px;
      z-index: 5;
}
/* .g_recruit_lst_itm:nth-child(4n)::before{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 150vw;
      height: 100%;
      background-color: #eee;
      z-index: -10;
} */
.g_recruit_lst_itm:nth-child(4n-1)::before{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 150vw;
      height: 100%;
      background-color: #eee;
      z-index: -10;
}
.g_recruit_lst_itm:nth-child(4n-1)::after{
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      max-height: 345px;
      background: url(../img/top/recruit_bg_wh.png) no-repeat;
      background-size: contain;
      background-position: right;
      z-index: -1;
}
.g_recruit_lst_itm:nth-child(4n)::after{
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      max-height: 345px;
      background: url(../img/top/recruit_bg_wh.png) no-repeat;
      background-size: contain;
      background-position: right;
      z-index: -1;
}
.g_recruit_lst_itm_inr{
      height: 100%;
      display: flex;
      flex-direction: column;
      position: relative;
}
.g_recruit_lst_itm_en{
      font-size: 1.8rem;
}
.g_recruit_lst_itm_ttl{
      font-size: 2.2rem;
      transition: color .2s;
}
.g_recruit_lst_itm_txt{
      transition: color .2s;
}
.g_recruit_lst_itm_inr:hover .g_recruit_lst_itm_ttl{
      color: #0092D7;
}
.g_recruit_lst_itm_inr:hover .g_recruit_lst_itm_txt{
      color: #0092D7;
}
.g_recruit_lst_itm_btn{
      position: relative;
      width: 120px;
      margin-top: auto;
      padding-top: 40px;
      font-weight: bold;
      color: var(--color_main);
      position: relative;
      display: inline-block;
}
.g_recruit_lst_itm_btn span{
      position: relative;
      display: inline-block;
      padding-right: 30px;
      padding-bottom: 15px;
      font-size: 1.5rem !important;
}
.g_recruit_lst_itm_btn span::after{
      content: "";
      display: block;
      position: absolute;
      top: 5px;
      right: 3px;
      margin: auto;
      height: 9px;
      width: 9px;
      background: url(./img/arrow.png) no-repeat;
      background-size: contain;
      z-index: 1;
}
.g_recruit_lst_itm_btn span::before{
      content: "";
      display: block;
      position: absolute;
      top: 3;
      right: 0;
      margin: auto;
      height: 20px;
      width: 20px;
      background-color: var(--color_main);
      background-size: contain;
      border-radius: 50%;
}
.g_recruit_lst_itm_btn::after{
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: var(--color_main);
}
.g_recruit_img{
      position: absolute;
      bottom: 0;
      right: 0;
      width: 200px;
      height: 133px;
}
.g_recruit_tag{
      position: absolute;
      top: 0;
      right: 0;
      background-color: #373582;
      border-radius: 5px;
      font-size: 1.2rem;
      color: #fff;
      font-weight: bold;
      padding: 4px 20px;
      line-height: 1.5;
}
.g_recruit_tag::before{
      content: "";
      display: block;
      position: absolute;
      bottom: -14px;
      left: 50%;
      transform: translateX(-50%);
      width:0;
      height:0;
      border-style:solid;
      border-width: 14px 8px 0 8px;
      border-color: #373582 transparent transparent transparent;
}
.g_recruit_lst_itm_tag_lst_itm{
      padding: 1px 20px;
      padding-top: 2px;
      margin-top: 10px;
      margin-right: 10px;
      border: 1px solid #0092D7;
      border-radius: 4px;
      color: #0092D7;
      font-weight: bold;
      font-size: 1.4rem;
      background-color: #fff;
}
.g_recruit_lst_itm_tag_lst_itm:last-child{
      margin-right: 0;
}
@media (max-width: 896px){
      .g_recruit_lst_itm{
            width: 100%;
            margin-right: 0%;
            position: relative;
            z-index: 2;
      }
      .g_recruit_lst_itm:nth-child(n+2){
            margin-top: 60px;
      }
      .g_recruit_lst_itm:nth-child(2n) {
            margin-top: 0;
      }
      .g_recruit_lst_itm:nth-child(4n-1){
            padding-top: 0px;
      }
      .g_recruit_lst_itm:nth-child(4n){
            padding-top: 0px;
      }
      .g_recruit_lst_itm:nth-child(4n-1)::before{
            display: none;
      }
      .g_recruit_lst_itm:nth-child(4n-1)::after{
            display: none;
      }
      .g_recruit_lst_itm:nth-child(4n)::after{
            display: none;
      }
      .g_recruit_lst_itm:nth-child(2n){
            padding-top: 60px;
      }
      .g_recruit_lst_itm:nth-child(2n)::before{
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 150vw;
            height: 100%;
            background-color: #eee;
            z-index: -10;
      }
      .g_recruit_lst_itm:nth-child(2n)::after{
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
            max-height: 345px;
            background: url(../img/top/recruit_bg_wh.png) no-repeat;
            background-size: contain;
            background-position: right;
            z-index: -1;
      }
}
@media (max-width: 576px){
      .top_recruit_cont {
            position: relative;
            padding-top: 80px;
            background-color: #fff;
            padding-right: 0px;
      }
      .top_recruit_cont::before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            right: -5vw;
            width: 100vw;
            height: 100%;
            background-color: #fff;
            z-index: -1;
      }
      .g_recruit_tag{
            position: absolute;
      
            top: -10px;
      
      }
}

@media (max-width: 960px){
      .main_cont_recruit {
            margin-top: 260px;
            margin-bottom: 0;
      }
}

@media (max-width: 782px){}

.g_blog_lst_itm_inr{
      display: block;
}
.g_blog_lst_tag .g_blog_lst_itm_inr{
      display: none;
}
.g_blog_lst_tag a{
      pointer-events: none
}
.g_blog_lst_txt_cont{
      position: relative;
}
.g_blog_lst_txt_cont::before{
      content: "";
      display: block;
      position: absolute;
      top: -29px;
      left: 0;
      height: 30px;
      width: 90%;
      border-top-right-radius: 10px;
      z-index: 1;
      background-color: #fff;
}
.g_blog_lst_tag{
      color: var(--color_main);
      font-size: 1.2rem;
      letter-spacing: 2px;
}
.g_blog_lst_ttl{
      font-size: 2.2rem;
      padding-top: 10px;
      transition: color .2s;
}
.g_blog_lst_txt{
      padding-top: 20px;
      transition: color .2s;
}
.g_blog_lst_itm_inr:hover .g_blog_lst_ttl{
      color: var(--color_sub);
}
.g_blog_lst_itm_inr:hover .g_blog_lst_txt{
      color: var(--color_sub);
}
.g_blog_lst_itm_inr{
      height: 100%;
      display: flex;
      flex-direction: column;
}
.g_recruit_lst_itm_btn_outer{
      margin-top: auto;
}
@media (max-width: 960px){
      
}

@media (max-width: 782px){
      .top_greeting_space{
            display: none;
      }
}



/*    SNS
=====================================================*/
.top_sns_lst_cont{
      position: relative;
      width: 100%;
      /* max-width: 800px; */
      margin: auto;
      /* border: 1px solid var(--color_main) !important; */
      border-radius: 10px;
}
.top_sns_lst_cont::before{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 10px;
      background-color: var(--color_sub) !important;
      border-radius: 10px;
      opacity: .1;

}
.post_content div>:first-child.top_sns_lst_cont{
      margin-top: 50px !important;
}
.top_sns_lst{
      /* max-width: 450px; */
      padding: 60px 30px;
      margin: auto;
}
/* .top_sns_lst_itm{
      height: 32%;
      width: 32%;
      margin-right: 2%;
      background-color: #fff;
}
.top_sns_lst_itm:nth-child(3n){
      margin-right: 0;
}
.top_sns_lst_itm:nth-child(n+4){
      margin-top: 2%;
} */
.sbi_feedtheme_header_text h3{
      color: #222;
      font-size: 2.4rem !important;
      letter-spacing: 2px;
      padding-bottom: 10px !important;
}
.sbi_feedtheme_header_text h3::before{
      display: none;
}
#sb_instagram #sbi_load .sbi_follow_btn a{
      margin-top: 0 !important;
}
@media (max-width: 896px){}
@media (max-width: 576px){
      .sbi_feedtheme_header_text h3{
            font-size: 2.2rem !important;
      }
      .top_sns_lst{
            padding: 50px 20px;
      }
}

.contact_mv{
      position: relative;
      width: 100vw;
      margin-right: calc(50% - 50vw) !important;
      margin-left: calc(50% - 50vw) !important;
      margin-bottom: 0 !important;
      height: 580px;
}
.contact_mv img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 50% 35%;
}
.contact_mv::before{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100vw;
      object-fit: cover;
      margin-right: calc(50% - 50vw) !important;
      margin-left: calc(50% - 50vw) !important;
      z-index: 1;
      background-color: #00000099;
}
.top_cct_txtarea{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50% , -50%);
      color: #fff;
      z-index: 2;
}
.top_cct_txtarea_ttl{
      display: flex;
      justify-content: center;
}
.top_cct_txtarea_ttl .wp-block-column{
      display: inline-block;
      flex-grow: initial !important;
      flex-basis: initial !important;
}
.top_cct_txtarea_ttl_en{
      position: relative;
      font-size: 2.2rem;
}
.top_cct_txtarea_ttl_en::before{
      content: "";
      display: block;
      position: absolute;
      left: -20px;
      bottom: 15px;
      height: 20px;
      width: 20px;
      background-color: var(--color_sub);
}
.top_cct_txtarea_ttl_en::after{
      content: "";
      display: block;
      position: absolute;
      left: -10px;
      bottom: 25px;
      height: 20px;
      width: 20px;
      background-color: var(--color_main);
}
.top_cct_txtarea_ttl_ja{
      position: relative;
      font-size: 2rem;
      padding-left: 25px;
}
.top_cct_txtarea_ttl_ja::before{
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      height: 25px;
      width: 4px;
      background-color: #fff;
}
.top_cct_txtarea_lead{
      font-size: 2.4rem;
      text-align: center;
      padding-top: 20px;
}
.top_cct_txtarea_txt{
      text-align: center;
      padding-top: 20px;
      line-height: 2.4;
}
.top_cct_txtarea{
      width: 100%;
      max-width: 600px;
}

@media (max-width: 960px){}
@media (max-width: 782px){
      .top_cct_txtarea{
            width: 100%;
            padding-top: 80px;
            padding-bottom: 80px;
      }
      .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.top_cct_txtarea_ttl_en_outer{
            flex-basis: initial !important;
      }
      .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.top_cct_txtarea_ttl_ja_outer{
            flex-basis: initial !important;
      }
      .top_cct_txtarea_txt{
            text-align: left !important;
      }
}



/*    テキストアニメーション
=====================================================*/
@keyframes showText{
      0%{
            opacity: 0;
            transform: translateY(100%);
      }
      100%{
            opacity: 1;
            transform: translateY(0%)
      }
}
.textAnimation_area {
      line-height: 1;
}
.textAnimation{
      opacity: 0;
}
.textAnimationOpen{
      display: inline-block;
      line-height: 1;
      animation:showText .5s backwards;
      overflow: hidden;
      padding-top: 5px;
      padding-bottom: 5px;
}


/*    採用情報詳細
=====================================================*/
.recruit_ttl_en{
      font-size: 2.5rem;
      color: var(--color_main);
      font-weight: bold;
}
.recruit_ttl_ja{
      position: relative;
      font-size: 2.5rem;
      color: var(--color_main);
      padding-left: 40px;
      padding-top: 40px;
      font-weight: bold;
      text-shadow: 1px 1px 0px var(--color_sub);
}
.recruit_ttl_ja::before{
      content: "";
      display: block;
      position: absolute;
      top: 20px;
      left: 20px;
      height: 23px;
      width: 23px;
      background-color: var(--color_main);
}
.recruit_ttl_ja::after{
      content: "";
      display: block;
      position: absolute;
      top: 30px;
      left: 10px;
      height: 23px;
      width: 23px;
      background-color: var(--color_sub);
      z-index: -1;
}
.l_flex.recruit_ttl_flex .wp-block-group__inner-container{
      display: flex;
}
.recruit_ttl_ja_detail{
      font-size: 3.6rem;
      font-weight: bold;
}
.recruit_point_lst_itm{
      position: relative;
      border-left: 5px solid var(--color_main);
}
.recruit_point_lst_itm::before{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--color_sub);
      opacity: .2;
      z-index: -1;
}
.recruit_point_lst_lead{
      font-size: 2.2rem;
      color: var(--color_main);
      text-shadow: 1px 1px 0 var(--color_sub);
      font-weight: bold;
      padding: 25px 30px;
      padding-bottom: 0;
}
.recruit_point_lst_ttl{
      font-size: 1.8rem;
      color: #fff;
      z-index: 1;
      margin-top: 10px !important;
      padding: 5px !important;
      padding-left: 30px !important;
}
.recruit_point_lst_ttl::before{
      content: "";
      display: none !important;
}
.recruit_point_lst_ttl::after{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: calc(100% - 20px);
      background-color: var(--color_main);
      z-index: -1;
}
.recruit_point_lst_txt{
      padding: 20px 30px !important;
}
.recruit_point_lst_num{
      position: absolute;
      top: 0px;
      right: 20px;
      transform: translateY(-50%);
      font-size: 6rem;
      color: var(--color_main);
      opacity: .2;
      font-weight: bold;
}

.recruit_works_lst{
      position: relative;
      z-index: 1;
}
.recruit_works_lst_num{
      position: absolute;
      top: 25px;
      left: -10px;
      color: #fff;
      z-index: 1;
      width: calc(100% - 20px);
      padding: 5px;
      padding-left: 20px;
      font-size: 1.8rem;
      letter-spacing: 2px;
      font-weight: bold;
      background-color: var(--color_main);
      border-bottom-left-radius: 5px;
}
.recruit_works_lst_num::before{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 10px;
      height: 100%;
      width: calc(100% - 0px);
      background-color: var(--color_main);
      z-index: -1;
      transform: skewX(-15deg);
}
.recruit_works_lst_num::after{
      content: "";
      display: block;
      position: absolute;
      top: -5px;
      left: 0;
      height: 5px;
      width: 10px;
      border-top-left-radius: 5px;
      z-index: -2;
      background-color: var(--color_sub);
}
.recruit_works_lst_ttl{
      font-size: 2.2rem !important;
      font-weight: bold;
      margin-bottom: 0 !important;
      margin-top: 30px !important;
      padding: 0 !important;
}
.recruit_works_lst_ttl::before{
      content: "";
      display: none !important;
}
.recruit_works_lst_txt{
      margin-top: 30px;
}
.recruit_works_lst_img{
      border-radius: 5px;
      overflow: hidden;
      height: 370px;
}
.recruit_benefits_lst_ttl{
      color: var(--color_main);
      padding-top: 0 !important;
}
.recruit_benefits_lst_cont .swell-block-column:nth-child(n+4){
      margin-top: 5%;
}
.recruit_detail_table{
      max-width: 800px;
      margin: auto;
}

@media (max-width: 960px){
      .recruit_point_lst_itm + .recruit_point_lst_itm{
            margin-top: 40px;
      }
      .recruit_benefits_lst_cont .swell-block-column:nth-child(n+3){
            margin-top: 5%;
      }
}
@media (max-width: 896px){
      
}
@media (max-width: 782px){
      .recruit_benefits_lst_cont .g_blog_lst_img{
            height: 200px;
      }
      .textAnimationOpen{
      line-height: .9;
      }
      .recruit_works_lst_img{
      border-radius: 5px;
      overflow: hidden;
      height: 220px;
}
}
@media (max-width: 576px){

      .recruit_about_img_01{
            z-index: -10;
            top: 15px;
      }
      .recruit_about_img_02{
            z-index: -10;
            top: 80px;
      }
      .recruit_about_img_03{
            bottom: 20px;
      }
      .recruit_about_img_04{
            /* bottom: 0px; */
      }
      .recruit_works_lst_ttl{
            margin-top: 20px !important;
      }
      .recruit_works_lst_txt{
            margin-top: 20px;
      }
      .recruit_benefits_lst_cont .swell-block-column:nth-child(n+2){
            margin-top: 50px;
      }
      .recruit_ttl_en{
      font-size: 1.8rem;
      color: var(--color_main);
      font-weight: bold;
}
}
.wp-block-social-links .wp-social-link svg{
      /* width: 40px;
      height: 40px; */
}
.wp-block-social-links{
      /* margin-bottom: 0; */
}
.swell-block-linkList__text{
      font-weight: 500;
}

.g_strength_lst_itm.wp-block-columns{
      --wp-column-gap: 3.5em;
}
.recruit_point_lst_icon{
      width: 55px;
      position: absolute;
      top: -25px;
      right: 20px;
      z-index: 10;
}

@media (max-width: 960px){
      .l-container{
            padding-left: 4vw;
            padding-right: 4vw;
      }
}
@media (max-width: 896px){}
@media (max-width: 782px){
      .g_strength_lst_itm.wp-block-columns{
      --wp-column-gap: 2.5em;
      }
}
@media (max-width: 576px){}



.g_bnr_cont{
      border-radius: 5px;
      overflow: hidden;
      position: fixed;
      bottom: 20px;
      right: 20px;
      width: 300px;
      z-index: 9999;
      transition: opacity .2s;
      box-shadow: 0 3px 6px #00000016;
      transition: right .3s;
}
.g_bnr_cont a{
      transition: opacity .2s;
}
.g_bnr_cont a:hover{
      opacity: .6;
}
.g_bnr_cont.js_stc{
      right: -310px;
}

.g_bnr_cont_outer{
      display: none;
      width: 100%;
      max-width: 255px;
      margin: auto;
      border-radius: 5px;
      overflow: hidden;
      /* box-shadow: 0 3px 6px #00000016; */
}

@media (max-width: 1080px){
      .g_bnr_cont_outer{
            display: block;
      }
}
@media (max-width: 896px){}
@media (max-width: 576px){
      .g_bnr_cont{
            bottom: 15px;
            right: 15px;
            width: 240px;
      }
      .g_bnr_cont.js_stc{
            right: -260px;
      }
}

#before_footer_widget{
      margin: 0 !important;
}
#pagetop{
      display: none !important;
}