@charset "UTF-8";

/*============================================================================================

      Header

=============================================================================================*/

/*    Navigation

=====================================================*/

.header_logo{

      width: 100%;

      max-width: 160px;

}

.w_Header{

      padding: 20px;

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      /* background-color: #fff; */

      z-index: 99999;

      color: #fff;

}

.header_nav_lst_itm + .header_nav_lst_itm{

      margin-left: 25px;

}

.header_nav_lst_itm_inr{

      display: block;

      font-weight: bold;

      transition: color .2s;

}

.header_nav_lst_itm_inr:hover{

      color: #0092D7;

}

.header_nav_lst_itm_inr_btn{

      background-color: #0092D7;

      color: #fff;

      padding: 2px 40px;

      border-radius: 30px;

      border: 2px solid #0092D7 !important;

      transition: color .2s, background .2s;

	-webkit-transition: color .2s, background .2s;

}

.header_nav_lst_itm_inr_btn:hover{

      color: #0092D7;

      background-color: #fff;

}

.header_nav_lst_itm_inr_btn_en{

      z-index: 1;

}

.header_nav_lst_itm_inr_btn_en::before{

      content: "";

      display: block;

      position: absolute;

      top: -10px;

      left: -15px;

      height: 22px;

      width: 22px;

      background: url(../img/common/contact_icon.png) no-repeat;

      background-size: contain;

      z-index: -1;

}

.header_nav_anc_inr{

      display: inline-block;

}

.header_nav_anc_inr:hover{

      color: #0092D7;

}

.header_nav_anc_inr::after {

	width: 6px;

	height: 6px;

	bottom: -10px;

      left: 0;

	right: 0;

	border-top: 1px solid #fff;

	border-right: 1px solid #fff;

	-webkit-transform: rotate(135deg);

	transform: rotate(135deg);

}

.header_nav_anc_lst{

      position: absolute;

      top: calc(100% + 10px);

      left: 50%;

      transform: translateX(-50%);

      margin-top: 20px;

      width: 280px;

      padding: 20px;

      background-color: #fff;

      z-index: 99;

      box-shadow: 0 3px 6px #00000020;

}

.header_nav_anc_lst::before{

      content: "";

      display: block;

      position: absolute;

      top: -40px;

      left: 0;

      width: 210px;

      height: 50px;

}

.header_nav_anc_lst::after{

      content: "";

      display: block;

      position: absolute;

      top: -19px;

      left: 50%;

      transform: translateX(-50%);

      width: 0;

      height: 0;

      border-style: solid;

      border-right: 15px solid transparent;

      border-left: 15px solid transparent;

      border-bottom: 20px solid #fff;

      border-top: 0;

}

.header_nav_anc_lst_itm + .header_nav_anc_lst_itm{

      margin-top: 20px;

}

.header_nav_anc_lst_itm_inr{

      display: block;

      transition: color .2s;

      font-size: 1.3rem;

      font-weight: bold;

}

.header_nav_anc_lst_itm_inr:hover{

      color: #0092D7;

}

.header_nav_anc_lst_itm_inr{

      color: #222;

}

.w_Header.js_show{

      position: fixed;

      top: 0;

      left: 0;

      animation: header_nav .2s;

      z-index: 99999;

      background-color: #fff;

      box-shadow: 0 3px 6px #00000015;

}

@keyframes header_nav{

      0% {

            top: -100%;

      }

      100% {

            top: 0;

      }

}

.w_Header.js_show .header_nav_lst_itm_inr{

      color: #373582;

}

/* .w_Header.g_lower_header .header_nav_lst_itm_inr{

      color: #373582;

} */

.w_Header.g_lower_header .header_nav_anc_inr::after{

      border-top: 1px solid #373582;

    border-right: 1px solid #373582;

}

.w_Header.js_show .header_nav_lst_itm_inr_btn{

      color: #fff;

}

/* .w_Header.g_lower_header{

      position: fixed;

      top: 0;

      left: 0;

      animation: none;

      z-index: 99999;

      background-color: #fff;

      box-shadow: 0 3px 6px #00000015;

}

.w_Header.js_show.g_lower_header{

      position: fixed;

      top: 0;

      left: 0;

      animation: none;

      z-index: 99999;

      background-color: #fff;

      box-shadow: 0 3px 6px #00000015;

} */

.w_Header.g_lower_header .header_nav_lst_itm_inr{

      color: #373582;

}

.w_Header.g_lower_header .header_nav_lst_itm_inr_btn{

      color: #fff;

}

.header_nav_lst_itm_inr:hover{

      color: #0092D7 !important;

}

.w_Header.js_show .header_nav_anc_inr::after {

	width: 6px;

	height: 6px;

	bottom: -10px;

      left: 0;

	right: 0;

	border-top: 1px solid #373582;

	border-right: 1px solid #373582;

	-webkit-transform: rotate(135deg);

	transform: rotate(135deg);

}

.w_Header.js_show .header_nav_anc_inr::after {

	width: 6px;

	height: 6px;

	bottom: -10px;

      left: 0;

	right: 0;

	border-top: 1px solid #373582;

	border-right: 1px solid #373582;

	-webkit-transform: rotate(135deg);

	transform: rotate(135deg);

}

@media (max-width: 1280px){

      .w_Header{

            background-color: #fff;

      }

      .header_nav_lst_cont{

            position: absolute;

            top: 100%;

            left: 0;

            width: 100%;

            height: 100vh;

            padding-bottom: 20vh;

            background-color: #fff;

            overflow: scroll;

      }

      .header_nav_lst{

            flex-direction: column;

            padding: 0 20px;

            padding-top: 30px;

      }

      .header_nav_lst_itm{

            width: 100%;

      }

      .header_nav_lst_itm + .header_nav_lst_itm{

            margin-left: 0px;

      }

      .header_nav_lst_itm_inr{

            padding: 20px 0;

      }

      .header_nav_lst_itm:first-child .header_nav_lst_itm_inr{

      }

      .header_nav_lst_itm + .header_nav_lst_itm .header_nav_lst_itm_inr{

            border-top: 1px solid #ccc;

      }

      .header_nav_anc_inr {

            display: block;

      }

      .header_nav_anc_inr::after {

            width: 15px;

            height: 1px;

            top: 0;

            bottom: 0;

            right: 10px;

            border-top: none;

            border-right: none;

            -webkit-transform: none;

            transform: none;

            background-color: #000;

            margin-right: 0;

      }

      .header_nav_anc_inr::before {

            width: 15px;

            height: 1px;

            top: 0;

            bottom: 0;

            right: 10px;

            border-top: none;

            border-right: none;

            -webkit-transform: rotate(90deg);

            transform: rotate(90deg);

            background-color: #373582;

            transition: transform .2s;

      }

      .js_open .header_nav_anc_inr::before {

            -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

      }

      .w_Header.js_show .header_nav_anc_inr::after {

            width: 1px;

            height: 15px;

            top: 0;

            bottom: 0;

            right: 17px;

            border-top: none;

            border-right: none;

            -webkit-transform: rotate(90deg);

            transform: rotate(90deg);

            background-color: #373582;

            transition: transform .2s;

      }

      .header_nav_anc_lst{

            position: static;

            top: 0;

            left: 0;

            width: 100%;

            padding: 15px;

            padding-top: 0;

            margin-top: 0;

            box-shadow: none;

            transform: none;

      }

      .header_nav_lst_itm_btn{

            margin-top: 40px;

            max-width: 255px;

      }

      .header_nav_lst_itm_inr_btn{

            text-align: center;

      }

      .header_nav_lst_itm_inr{

            color: #222;

      }

      .header_nav_lst_itm_inr_btn{

            padding: 2px 0;

            color: #fff;

      }

      .w_Header.g_lower_header .header_nav_anc_inr::after{

            border-top: none;

            border-right: none;

      }

}

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

@media (max-width: 576px){

      .w_Header{

            padding: 15px;

      }

      /* .header_logo{

            width: 100%;

            max-width: 280px;

      } */

}

/*============================================================================================

      Footer

=============================================================================================*/

.w_Footer{

      padding-top: 80px;

      background-color: #fff;

}

.footer_logo_cont{

      padding-top: 3px;

}

.footer_logo{

      width: 100%;

      max-width: 180px;

}

.footer_sns{

      margin-top: 50px;

      width: 30px;

      transition: opacity .2s;

}

.footer_sns:hover{

      opacity: .6;

}

.footer_btn_lst{

      width: calc(100% - 350px);

      padding-top: 5px;

      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;

      color: #0092D7;

      letter-spacing: 2px;

}

.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: #0092D7;

      z-index: 2;

}

.footer_map{

      height: 235px;

}

.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;

}

.footer_nav_lst_itm_inr:hover .footer_nav_lst_itm_ja{

      color: #0092D7;

}

.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;

      color: #0092D7;

      letter-spacing: 2px;

}

.footer_nav_lst_itm_ja{

      font-weight: bold;

      padding-bottom: 5px;

      font-size: 1.2rem;

      transition: color .2s;

}

.footer_copy{

      padding: 8px;

      margin-top: 80px;

      background-color: #0092D7;

      color: #fff;

      font-size: 1.2rem;

}

@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_cont{

            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% !important;

      }

      .footer_btn_lst_itm:nth-child(2n){

            margin-right: 0;

      }

}

@media (max-width: 576px){

      .footer_logo_cont{

            width: 100%;

      }

      .footer_sns {

            margin-top: 0px;

            width: 40px;

      }

      .footer_btn_lst_itm a{

            font-size: 1.2rem;

      }

      /* .footer_btn_lst_itm{

            width: 100%;

            margin-right: 0%;

            max-width: 100%;

      } */

      .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: 48.5%;

            margin-right: 3%;

      }

      .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 {

            width: 100%;

            max-width: 180px;

      }

}

@media (max-width: 400px){

      .footer_btn_lst_itm {

            width: 100% !important;

            max-width: 100%;

            margin-right: 0%;

      }

      .footer_btn_lst_itm:nth-child(2){

            margin-top: 20px;

      }

      .footer_btn_lst_itm a{

            font-size: 1.5rem;

      }

}





/*============================================================================================

      Contents

=============================================================================================*/

/*    MV

=====================================================*/

.main_cont_outer{

      overflow: hidden;

}

.main_cont{

      position: relative;

      overflow: hidden;

}

.main_cont::before{

      content: "";

      display: block;

      position: absolute;

      top: 0;

      left: 0;

      height: 100%;

      width: 100%;

      background-color: #fff;

      z-index: -2;

}

.top_mv_sec{

      max-height: 100vh;

}



.top_mv_txtarea{

      position: absolute;

      bottom: 80px;

      left: 4vw;

}

.top_mv_ttl{

      font-size: 3.6rem;

      text-shadow: 0 3px 6px #00000015;

      color: #fff;

      font-weight: bold;

      line-height: 1.5;

}

.top_mv_ttl_inr{

      position: relative;

}

.top_mv_ttl_inr::before{

      content: "";

      display: block;

      position: absolute;

      top: -80px;

      left: 280px;

      width: 160px;

      height: 100px;

      background: url(../img/top/top_mv_txt_en.png) no-repeat;

      background-size: contain;

}

.top_mv_txt_en_fujii{

      padding-right: 40px;

}

.top_mv_txt_en_fujii::before{

      content: "";

      display: block;

      position: absolute;

      top: 0;

      right: 12px;

      bottom: 0;

      width: 10px;

      height: 22px;

      background: url(../img/common/line.png) no-repeat;

      background-size: contain;

      background-position: center;

}

.top_mv_txt_en{

      letter-spacing: 1px;

}

.top_mv_video video{

      height: 100vh;

      object-fit: cover;

}

.top_about_txt{

      line-height: 2;

}

@media (max-width: 1280px){

      .top_mv_sec{

      padding-top: 100px;

      }

}



@media (max-width: 896px){

      .top_mv_ttl {

            font-size: 3rem;

      }

      .top_mv_ttl_inr::before {

            top: -60px;

            left: 240px;

            width: 120px;

            height: 80px;

            background: url(../img/top/top_mv_txt_en.png) no-repeat;

            background-size: contain;

      }

      .top_mv_video video{

            height: 100%;

            object-fit: cover;

      }

}

@media (max-width: 576px){

      .top_mv_sec{

            padding-top: 90px;

      }

      .top_mv_ttl {

            font-size: 2.2rem;

      }

      .top_mv_txtarea {

            position: absolute;

            bottom: 20px;

            left: 4vw;

      }

      .top_mv_txt_en {

            font-size: 1.3rem;

      }

      .top_mv_ttl_inr::before {

            top: -40px;

            left: 180px;

            width: 100px;

            height: 60px;

            background: url(../img/top/top_mv_txt_en.png) no-repeat;

            background-size: contain;

      }

      .top_mv_video{

            height: 300px;

      }

      .top_mv_video video{

            object-fit: cover;

      }

      .header_logo {

            width: 100%;

            max-width: 140px;

      }

}



/*    わたしたちについて

=====================================================*/

.top_about_sec::before{

      content: "";

      display: block;

      position: absolute;

      bottom: 60px;

      left: -100px;

      width: 100vw;

      height: 880px;

      min-width: 2300px;

      background: url(../img/top/top_about_mv_line.png) no-repeat;

      background-size: contain;

      background-position: bottom;

      height: 100%;

      z-index: -1;

}

.top_about_bg_en{

      width: 96%;

}

.top_about_bg_img{

      position: absolute;

      top: 50px;

      width: 49vw;

      right: 0;

      z-index: -1;

      margin-right: calc(50% - 50vw);

}

.top_about_bg_img img{

      height: 100%;

      height: 400px;

      object-fit: cover;

}

.top_about_bg_men{

      padding-top: 80px;

      max-width: 470px;

      margin: auto;

}

.top_about_bg_ttl_ja{

      max-width: 580px;

      width: 50%;

      position: absolute;

      top: 260px;

      left: -30px;

      z-index: -1;

}

.top_about_txtarea{

      max-width: 525px;

      margin: auto;

      padding-top: 50px;

}

.top_mv_bnr{

      max-width: 800px;

      margin: auto;

      margin-top: 120px;

}

.top_mv_bnr a{

      transition: opacity .2s;

}

.top_mv_bnr a:hover{

      opacity: .6;

}

.top_mv_bnr img{

      box-shadow: 0 3px 6px #00000012;

}

/* .top_mv_bnr::before{

      content: "";

      display: block;

      position: absolute;

      bottom: 0;

      right: 0;

      width: 90px;

      height: 180px;

      background: url(../img/top/bnr_men.png) no-repeat;

      background-size: contain;



} */



@media (max-width: 896px){

      .top_about_sec::before{

            min-width: 1500px;

      }

}

@media (max-width: 576px){

      .top_about_sec::before {

            content: "";

            display: block;

            position: absolute;

            bottom: 200vw;

            left: -100px;

            width: 100vw;

            background: url(../img/top/top_about_mv_line.png) no-repeat;

            background-size: contain;

            background-position: bottom;

            height: 100%;

            z-index: -1;

            min-width: 1500px;

      }

      .top_about_bg_img {

            position: absolute;

            top: 50px;

            width: 80vw;

            right: 0;

            z-index: -1;

            margin-right: calc(50% - 50vw);

      }

      .top_about_bg_img img {

            height: 100%;

            height: 60vw;

            object-fit: cover;

      }

      .top_about_bg_ttl_ja {

            max-width: 580px;

            width: 50%;

            position: absolute;

            top: 100px;

            left: 0px;

            z-index: 9;

      }

      .top_mv_bnr {

            max-width: 800px;

            margin: auto;

            margin-top: 30px;

      }

      .top_mv_bnr img{

            box-shadow: none;

      }

}





/*    強み

=====================================================*/

.top_st_lst_sec{

      padding-bottom: ;

}

.top_st_lst::before{

      content: "";

      display: block;

      position: absolute;

      bottom: 100%;

      left: 0;

      right: 0;

      margin: auto;

      transform: translateX(420px);

      height: 180px;

      width: 90px;

      background: url(../img/top/bnr_men.png) no-repeat;

      background-size: contain;

}

.top_st_lst_02::before{

      display: none;



}

.top_st_lst_itm{

      position: relative;

      /* height: 300px; */

      transition: padding .2s;

      transition-delay: 1s;

      height: 380px;

      padding: 30px 0;

      margin: 0 25px;

      transition: padding .2s;

      transition-delay: 1s;

}

.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;

}

.top_st_sec{

      position: relative;

      padding-bottom: 120px;

}

.top_st_sec::before{

      content: "";

      display: block;

      position: absolute;

      top: 310px;

      width: 100%;

      height: calc(100% - 310px);

      background-color: #0092D7;

      z-index: -2;

}

.top_st_sec::after{

      content: "";

      display: block;

      position: absolute;

      top: 310px;

      left: 60%;

      width: 100%;

      min-width: 740px;

      height: calc(100% - 310px);

      background: url(../img/top/top_st_bg_line.png) no-repeat;

      background-size: contain;

      z-index: -1;

}

.top_st_cont{

      

}



.top_strg_lst_itm{

      width: 30%;

      margin-right: 5%;

      background-color: #fff;

      box-shadow: 0 3px 6px #00000010;

}

.top_strg_lst_itm:nth-child(2){

      margin-top: 40px;

}

.top_strg_lst_itm:nth-child(3){

      margin-top: 80px;

}

.top_strg_lst_itm:nth-child(3n){

      margin-right: 0;

}

.top_strg_lst_itm_num{

      font-size: 6rem;

      position: absolute;

      top: 0;

      right: 0;

      transform: translateY(-45px);

      line-height: 1;

      text-shadow: 0 3px 6px #00000010;

}

.top_strg_lst_img{

      width: 180px;

      /* height: 100%; */

}

.top_strg_lst_img img{

      height: 100%;

      object-fit: cover;

      object-position: right;

}

.top_strg_lst_txtarea{

      width: calc(100% - 180px);

}

.top_strg_lst_ttl{

      font-size: 1.4rem;

      padding-left: 10px;

}

.top_strg_lst_tag{

      font-size: 1.6rem;

      padding-left: 10px;

}

.top_strg_lst_txt{

      /* margin-left: -15px; */

      padding-right: 10px;

      padding-bottom: 20px;

}

.top_st_bg_ttl_en{

      position: absolute;

      top: 610px;

      left: 61.5%;

      font-size: 10rem;

      color: #66BDE7;

}



@media (max-width: 1024px){

      .top_strg_lst{

            flex-direction: column !important;

            width: 100%;

            max-width: 525px;

            margin: auto;

      }

      .top_strg_lst_itm{

            width: 100%;

            max-width: 525px;

            margin-right: 5%;

            background-color: #fff;

            box-shadow: 0 3px 6px #00000010;

      }

      .top_strg_lst_itm:nth-child(n+1){

            margin-top: 80px;

      }

      .top_strg_lst_itm_inr{

            align-items: center;

      }

      .top_st_lst::before{

            bottom: 100%;

            left: 75%;

            right: initial;

            margin: auto;

            transform: translateX(0px);

            height: 110px;

            width: 70px;

            background: url(../img/top/bnr_men.png) no-repeat;

            background-size: contain;

      }

      .top_st_sec::after {

            left: 80%;

      }

}

@media (max-width: 896px){

      .top_st_lst_itm{

            height: 300px;

      }

      .top_st_bg_ttl_en{

            top: 630px;

            left: initial;

            right: 4vw;

            font-size: 8rem;

            color: #66BDE7;

      }

      .top_st_sec::before{

            top: 220px;

            height: calc(100% - 220px);

      }

      .top_st_sec::after{

            top: 220px;

      }

      .top_st_sec{

            padding-bottom: 80px;

      }

      .top_st_sec::after {

            left: 75%;

      }

      .top_strg_lst_itm:nth-child(n+1){

            margin-top: 100px;

      }

}

@media (max-width: 576px){

      .top_st_lst_itm{

            height: 220px;

      }

      .top_st_sec::before{

            top: 200px;

      }

      .top_st_sec::after{

            top: 200px;

      }

      .top_st_lst_itm{

            margin: 0 10px;

      }

      .top_st_bg_ttl_en{

            font-size: 6rem;

            color: #66BDE7;

            top: 580px;

      }

      .top_st_sec::before{

            top: 200px;

            height: calc(100% - 200px);

      }

}



/*    社員紹介

=====================================================*/

.top_member_sec{

      padding-bottom: 10px;

}

.top_member_bg_ttl_en{

      font-size: 10rem;

      color: #EE7B4A;

      line-height: 1;

}

.top_member_txtarea{

      width: 45%;

      padding-top: 140px;

}

.top_member_sub_ttl{

      font-size: 2.6rem;

}

.top_member_sub_lst{

      padding-top: 80px;

}

.top_member_sub_lst_itm{

      width: 30%;

      margin-right: 5%;

}

.top_member_sub_lst_itm:nth-child(3n){

      margin-right: 0%;

}

.top_member_mv_lst{

      position: absolute;

      top: 240px;

      left: 50%;

      transform: translateX(-50%);

      margin: auto;

      z-index: -1;

      /* max-height: 830px; */

      width: 100%;

      height: 100%;

      padding-bottom: 140px;

      min-width: 1880px;

      /* height: 780px !important; */

}

.top_member_mv_lst_img{

      width: 100%;

      height: 100%;

}

.top_member_mv_lst_img img{

      object-fit: cover;

      object-position: bottom;

      width: 100%;

      height: 100%;

}

.thumbnail .slick-track {

      transform: unset !important;

}

.top_member_sub_lst_itm{

      position: relative;

}

.top_member_sub_lst_itm_color{

      position: absolute;

      opacity: 0;

}

.top_member_sub_lst_itm.slick-current .top_member_sub_lst_itm_color{

      opacity: 1;

}

.Head_info_arrow{

      margin-top: -50px;
}


.Head_info_arrow img{
      position: relative;

      z-index: 5;

      width: 40px;

      transition: opacity .2s;

      cursor: pointer;

}

.g_btn_member{
      position: relative;
      z-index: 12;
}

.Head_info_arrow img:hover{

      opacity: .6;

}

.Head_info_arrow_prev{

      margin-right: 10px;

}

@media (max-width:1185px){

      .top_member_mv_lst{

            min-width: 1280px;

            /* height: 780px !important; */

      }

}

@media (max-width: 896px){

      .top_member_mv_lst{

            min-width: 1280px;

            /* height: 780px !important; */

      }

      .top_member_txtarea{

            width: 100%;

            padding-top: 60px;

            padding-bottom: 440px;

      }

      .top_member_bg_ttl_en {

            font-size: 8rem;

      }

      .top_member_sub_lst {

            padding-top: 40px;

      }

      .top_member_sub_ttl {

            font-size: 2.2rem;

      }

      .Head_info_arrow{

            position: absolute;

            top: 955px;

      }

      .top_member_sub_lst_itm {

            height: 120px;

            width: 30% !important;

      }

      .top_member_sub_lst_itm img {

            height: 100%;

            object-fit: cover;

      }

      .top_member_sub_lst{

            width: 100%;

      }

      .top_member_sub_lst .slick-list{

            width: 100% !important;

      }

      .top_member_sub_lst .slick-track{

            width: 100% !important;

      }

}

@media (max-width: 576px){

      .top_member_bg_ttl_en {

            font-size: 6rem;

      }

      .top_member_mv_lst{

            left: 50%;

            transform: translateX(-60%);

      }

      .top_member_sub_lst{

            padding-top: 100px;

      }

      .top_member_sub_lst_itm {

            height: 80px;

      }

}



/*    数字で見る

=====================================================*/

.top_achi_sec::before{

      content: "";

      display: block;

      position: absolute;

      top: 250px;

      right: 0;

      width: 50vw;

      height: calc(100% - 340px);

      background: url(../img/top/achi_bg.png) no-repeat;

      background-size: cover;

      background-position: left;

      z-index: -1;

}

.top_achi_txtarea{

      padding-top: 100px;

      max-width: 515px;

      width: 50%;

      font-size: 2rem;

      font-weight: 500;

}

.top_achi_lst_itm{

      width: 22%;

      margin-right: 4%;

}

.top_achi_lst_itm:nth-child(4n){

      margin-right: 0%;

}

.top_achi_lst_itm{

      position: relative;

      background-color: #EEEEEE;

      border-radius: 5px;

      padding: 40px 20px 40px 45px;

}

.top_achi_lst_itm_tag{

      position: absolute;

      top: 79px;

      left: -77px;

      width: 180px;

      height: 25px;

      background: url(../img/top/achi_bg_bl.png) no-repeat;

      background-size: contain;

      z-index: 1;

      transform: rotate(90deg);

}

.top_achi_lst_itm_tag_en{

      color: #fff;

      font-size: 1.2rem;

      position: absolute;

      padding-left: 10px;

      padding-top: 2px;

}

.top_achi_lst_txt{

      padding-top: 20px;

}



@media (max-width: 896px){

      .top_achi_sec::before{

            top: 210px;

            right: 0;

            width: 100vw;

            height: calc(100% - 400px);

            background: url(../img/top/achi_bg.png) no-repeat;

            background-size: cover;

            background-position: left;

            z-index: -1;

      }

      .top_achi_lst{

            max-width: 525px;

      }

      .top_achi_lst_itm{

            width: 47.5%;

            margin-right: 5%;

      }

      .top_achi_lst_itm:nth-child(2n){

            margin-right: 0%;

      }

      .top_achi_lst_itm:nth-child(n+3){

            margin-top: 5%;

      }

      .top_achi_txtarea {

            padding-top: 100px;

            max-width: 525px;

            width: 100%;

            font-size: 1.8rem;

      }

}

@media (max-width: 576px){

      .top_achi_sec::before{

            top: 355px;

            right: 0;

            width: 100vw;

            height: calc(100% - 540px);

            background: url(../img/top/achi_bg.png) no-repeat;

            background-size: cover;

            background-position: left;

            z-index: -1;

      }

      .top_achi_lst_txt {

            font-size: 1.2rem;

            font-weight: bold;

      }

      .top_achi_lst_itm {

            position: relative;

            background-color: #EEEEEE;

            border-radius: 5px;

            padding: 25px 15px 25px 35px;

      }

      .top_achi_lst_itm_tag {

            position: absolute;

            top: 53px;

            left: -59px;

            width: 130px;

            height: 25px;

      }

      .top_achi_lst_itm_tag_en {

            font-size: 1rem;

            padding-left: 10px;

            padding-top: 0px;

      }

      .top_achi_txtarea {

            padding-top: 50px;

            max-width: 525px;

            width: 100%;

            font-size: 1.8rem;

      }

}



/*    福利厚生

=====================================================*/

.top_benefits_sec::before{

      content: "";

      display: block;

      position: absolute;

      top: 250px;

      left: 0;

      width: 50vw;

      height: calc(100% - 340px);

      background: url(../img/top/benefits_bg.png) no-repeat;

      background-size: cover;

      background-position: right;

      z-index: -1;

}

.top_benefits_txtarea{

      padding-top: 100px;

      max-width: 515px;

      margin-left: auto;

      width: 50%;

      font-size: 2rem;

      font-weight: 500;

}

.top_benefits_lst_itm{

      width: 22%;

      margin-right: 4%;

}

.top_benefits_lst_itm:nth-child(4n){

      margin-right: 0%;

}

.top_benefits_lst_itm:nth-child(n+5){

      margin-top: 50px;

}

.top_benefits_lst_itm{

      position: relative;

      background-color: #EEEEEE;

      border-radius: 5px;

      padding: 40px 20px 40px 45px;

}

.top_benefits_lst_itm_tag{

      position: absolute;

      top: 79px;

      left: -77px;

      width: 180px;

      height: 25px;

      background: url(../img/top/benefits_tag_bg.png) no-repeat;

      background-size: contain;

      z-index: 1;

      transform: rotate(90deg);

}

.top_benefits_lst_itm_tag_en{

      color: #fff;

      font-size: 1.2rem;

      position: absolute;

      padding-left: 10px;

      padding-top: 2px;

}

.top_benefits_lst_txt{

      padding-top: 20px;

}

.top_benefits_lst_itm_recruit{

      box-shadow: 0 3px 6px #00000016;

}

@media (max-width: 896px){

      .top_benefits_sec::before{

            top: 210px;

            left: 0;

            width: 100vw;

            height: calc(100% - 400px);

            background: url(../img/top/benefits_bg.png) no-repeat;

            background-size: cover;

            background-position: right;

            z-index: -1;

      }

      .top_benefits_lst{

            max-width: 525px;

            margin-left: auto;

      }

      .top_benefits_lst_itm{

            width: 47.5%;

            margin-right: 5%;

      }

      .top_benefits_lst_itm:nth-child(2n){

            margin-right: 0%;

      }

      .top_benefits_lst_itm:nth-child(n+5){

            margin-top: 0px;

      }

      .top_benefits_lst_itm:nth-child(n+3){

            margin-top: 5%;

      }



      .top_benefits_txtarea {

            padding-top: 100px;

            max-width: 525px;

            width: 100%;

            font-size: 1.8rem;

      }

}

@media (max-width: 576px){

      .top_benefits_sec::before{

            top: 300px;

            left: 0;

            width: 100vw;

            height: calc(100% - 480px);

            background: url(../img/top/benefits_bg.png) no-repeat;

            background-size: cover;

            background-position: 140%;

            z-index: -1;

      }

      .top_benefits_lst_txt {

            font-size: 1.2rem;

            font-weight: bold;

      }

      .top_benefits_lst_itm {

            position: relative;

            background-color: #EEEEEE;

            border-radius: 5px;

            padding: 25px 15px 25px 35px;

      }

      .top_benefits_lst_itm_tag {

            position: absolute;

            top: 53px;

            left: -59px;

            width: 130px;

            height: 25px;

      }

      .top_benefits_lst_itm_tag_en {

            font-size: 1rem;

            padding-left: 10px;

            padding-top: 0px;

      }

      .top_benefits_txtarea {

            padding-top: 50px;

            max-width: 525px;

            width: 100%;

            font-size: 1.8rem;

      }

}



/*    代表挨拶

=====================================================*/

.top_greeting_sec{

      padding-bottom: 140px;

}

.top_greeting_ttl_left{

      position: relative;

      padding-right: 40px;

      margin-right: 15px;

}

.top_greeting_ttl_left::before{

      content: "";

      display: block;

      position: absolute;

      top: 0;

      bottom: 0;

      right: 0;

      margin: auto;

      height: 45px;

      width: 25px;

      background: url(../img/top/greeting_ttl_line.png) no-repeat;

      background-size: contain;

}

.top_greeting_ttl_right{

      padding-top: 10px;

}

.top_greeting_imgarea{

      margin-top: 80px;

      max-width: 525px;

}

.top_greeting_imgarea_01{

      width: 100%;

      max-width: 485px;

      padding-right: 40px;

}

.top_greeting_imgarea_01 img{

      border-radius: 5px;

      box-shadow: 0 3px 6px #00000012;

}

.top_greeting_imgarea_02{

      width: 100%;

      max-width: 445px;

      padding-left: 40px;

      margin-left: auto;

}

.top_greeting_imgarea_02 img{

      border-radius: 5px;

      box-shadow: 0 3px 6px #00000012;

}

.top_greeting_sec::before{

      content: "";

      display: block;

      position: absolute;

      top: 0;

      left: 50%;

      transform: translate(-50% , -240px);

      height: 100%;

      width: 125vw;

      height: 1400px;

      min-width: 1880px;

      background: url(../img/top/greeting_bg_line.png) no-repeat;

      background-size: cover;

      z-index: -1;

}

.top_greeting_bg_ttl_en{

      font-size: 10rem;

      color: #EEEEEE;

      line-height: 1;

      padding-bottom: 80px;

}

@media (max-width: 896px){

      .top_greeting_bg_ttl_en {

            font-size: 8rem;

            padding-bottom: 60px;

      }

      .top_greeting_imgarea{

            width: 100%;

            max-width: 100%;

            margin-top: 0;

      }

      .top_greeting_imgarea_01{

            padding: 0;

            width: 55%;

            margin-right: 5%;

            padding-bottom: 40px;

      }

      .top_greeting_imgarea_02{

            padding: 0;

            width: 40%;

      }

}

@media (max-width: 576px){

      .top_greeting_bg_ttl_en {

            font-size: 6rem;

            padding-bottom: 60px;

      }

      .top_greeting_sec {

            padding-bottom: 80px;

      }

}





/*    採用情報

=====================================================*/

.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: 640px;

}

.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{

      width: 120px;

      margin-top: auto;
      padding-top: 60px;

      margin-bottom: 60px;

      font-weight: bold;

      color: #0092D7;

      padding-right: 30px;

      padding-bottom: 15px;

      position: relative;

      display: inline-block;

}

.g_recruit_lst_itm_btn::before{

      content: "";

      display: block;

      position: absolute;

      top: 0;

      bottom: -45px;

      right: 0;

      margin: auto;

      height: 20px;

      width: 20px;

      background: url(../img/top/recruit_arrow.png) no-repeat;

      background-size: contain;

}

.g_recruit_lst_itm_btn::after{

      content: "";

      display: block;

      position: absolute;

      bottom: 0;

      left: 0;

      width: 100%;

      height: 2px;

      background-color: #0092D7;      

}

.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: -12px;

      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;
      
      }

}



/*    SNS

=====================================================*/

.top_sns_lst_cont{

      width: 100%;

      /* max-width: 800px; */
      max-width: 100%;

      margin: auto;

      background-color: #D6EDF9;

      border: 1px solid #373582;

      border-radius: 10px;

}

.top_sns_lst{

      /* max-width: 450px; */

      padding: 60px 30px;

      margin: auto;

}

.sbtt-tiktok-feed{
      width: 100% !important;
}
.sb-feed-header-btn{
      display: none !important;
}
#sbi_load{
      display: none;
}
.sbi_feedtheme_header_text h3{

      color: #222;

      font-size: 1.6rem !important;

      letter-spacing: 2px;

      font-weight: bold;
}
.sb-feed-header-profile{
      flex-direction: row !important;
}
.sbi_header_img{
      /* width: 72px !important;
      height: 72px !important; */
}
.sbi_header_text{
      padding-bottom: 20px;
}
.sb-modal-ctn{
      z-index: 9999999999 !important;
}
.footer_sns_tiktok{
      margin-left: 10px;
}

/* .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%;

} */

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

@media (max-width: 576px){

      .sb-feed-header-logo.medium{
      width: 50px !important;
      height: 50px !important;
      }

      .sb-relative img{
      object-fit: contain;
}

      .sbi_feedtheme_header_text h3{

      font-size: 2.2rem !important;

      }

      .top_sns_lst{

            padding: 50px 20px;

      }

}

.top_warehouse_sec::before{
      content: "";
      display: block;
      position: absolute;
      top: -550px;
      left: 0px;
      transform: translateX(-35%);
      width: 3630px;
      height: 1450px;
      background: url(../img/top/warehouse_bg.png) no-repeat;
      background-size: contain;
      background-position: top;
      z-index: -2;
}
.top_warehouse_ttl_en{
      font-size: 10rem;
      color: #FFE031;
      line-height: 1;
      text-align: center;
      margin-top: 50px;
}
.top_warehouse_txtarea_cont{
      max-width: 565px;
      margin: auto;
      margin-top: 60px;
      padding-right: 40px;
}
.top_warehouse_ttl_ja{
      font-size: 2.6rem;
      color: #373582;
      font-weight: bold;
}
.top_warehouse_txtarea{
      margin-top: 40px;
}
.top_warehouse_img_01{
      position: absolute;
      top: 120px;
      right: 0;
      width: 460px;
      z-index: -1;
}
.top_warehouse_img_02{
      position: absolute;
      bottom: 0px;
      left: 0;
      width: 300px;
      z-index: 1;
}
.top_warehouse_img_03{
      position: absolute;
      bottom: 0px;
      right: 85px;
      width: 220px;
      z-index: 1;
}
@media (max-width: 1220px){
      .top_warehouse_txtarea_cont {
            max-width: 525px;
            margin: auto;
            margin-top: 60px;
            padding-right: 0px;
      }
      .top_warehouse_ttl_ja{
            text-align: center;
      }
      .top_warehouse_txtarea{
            text-align: center;
      }
      .top_warehouse_btn{
            margin: auto;
      }
      .top_warehouse_img_01{
            position: absolute;
            top: 80px;
            right: 0;
            width: 460px;
            z-index: -1;
      }
      .top_warehouse_img_02{
            position: absolute;
            bottom: 0px;
            left: 0;
            width: 200px;
            z-index: 1;
      }
}
@media (max-width: 896px){
      .top_warehouse_ttl_en {
            font-size: 8rem;
      }
      .top_warehouse_ttl_ja {
            font-size: 2.2rem;
      }
      .top_warehouse_img_01 {
            position: absolute;
            top: 80px;
            right: 0;
            width: 35%;
            z-index: -1;
      }
      .top_warehouse_img_02{
            position: absolute;
            bottom: 0px;
            left: 0;
            width: 180px;
            z-index: 1;
      }
      .top_warehouse_img_03 {
            position: absolute;
            bottom: 0px;
            right: 0px;
            width: 200px;
            z-index: -1;
      }
}
@media (max-width: 576px){
      .top_warehouse_ttl_en {
            font-size: 6rem;
            margin-top: 80px;
      }
      .top_warehouse_img_01{
            position: absolute;
            top: 190px;
            right: 0;
            /* width: 300px; */
            z-index: -1;
            width: 100%;
            height: 200px;
      }
      .top_warehouse_img_01 img{
            height: 100%;
            object-fit: cover;
      }
      .top_warehouse_txtarea {
            text-align: left;
      }
      .top_warehouse_img_02{
            position: absolute;
            bottom: 0px;
            left: 0;
            width: 60%;
            z-index: -1;
      }
      .top_warehouse_img_03 {
            position: absolute;
            bottom: 0px;
            right: 0px;
            width: 30%;
            z-index: -1;
      }
      .top_warehouse_sec{
            padding-bottom: 100px;
      }
}


/*============================================================================================

      下層ページ

=============================================================================================*/

/*    採用情報

=====================================================*/

.recruit_sec{

      position: relative;

}

.recruit_sec::before{

      content: "";

      display: block;

      position: absolute;

      top: -20px;

      left: 92%;

      height: 1000px;

      width: 740px;

      background: url(../img/common/lower_side_bg.png) no-repeat;

      background-size: contain;

      background-position: left;

}

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

@media (max-width: 576px){

      .recruit_sec::before{

            top: -20px;

            left: 86%;

      }

}



.recruit_about_cont{

      position: relative;

      margin-top: 50px;

      padding-top: 60px;

      padding-bottom: 100px;

}

.recruit_about_cont::before{

      content: "";

      display: block;

      position: absolute;

      left: 0;

      top: 0;

      width: 100vw;

      height: calc(100% - 80px);

      background-color: #eee;

      margin-right: calc(50% - 50vw);

      margin-left: calc(50% - 50vw);

      z-index: -1;

}

.recruit_about_txtarea{

      width: 50%;

      max-width: 525px;

      margin-left: auto;

      font-size: 1.6rem;

      line-height: 2;

}

.recruit_about_img{

      position: absolute;

      left: 0;

      top: 360px;

      width: 47vw;

      /* max-width: 640px; */

}

.recruit_about_img img{

      max-height: 520px;

      object-fit: cover;

      object-position: right;

}

.recruit_about_ttl_en_bg{

      position: absolute;

      top: 60px;

      left: 0;

      color: #eee;

      font-size: 16rem;

}

@media (max-width: 896px){

      .recruit_about_ttl_en_bg {

            position: absolute;

            top: 60px;

            left: 0;

            color: #eee;

            font-size: 12rem;

      }

      .recruit_about_img {

            position: absolute;

            left: 0;

            top: 260px;

            width: 36vw;

            height: 100%;

            /* max-width: 640px; */

      }

      .recruit_about_img img{

            height: 100%;

            max-height: calc(100% - 240px);

      }

      .recruit_about_txtarea {

            width: 60%;

            max-width: 100%;

            margin-left: auto;

            font-size: 1.5rem;

            line-height: 1.75;

      }

}

@media (max-width: 576px){

      .recruit_about_cont{

            padding-bottom: 0px;

      }

      .recruit_about_img {

            position: absolute;

            width: 110vw;

            height: 100%;

            max-width: 100%;

            max-height: 260px;

            left: -4vw;

      }

      .recruit_about_img img{

            max-width: 110vw;

            width: 110vw;

            max-height: 260px;

            object-fit: cover;

            object-position: left;

      }

      .recruit_about_txtarea {

            width: 100%;

            max-width: 100%;

            margin-left: auto;

            font-size: 1.5rem;

            line-height: 1.75;

            padding-top: 300px;

      }

      .recruit_about_ttl_en_bg {

            top: 110px;

            left: 0;

            font-size: 8rem;

      }

      .recruit_about_cont{

            padding-bottom: 60px;

      }

      .recruit_about_cont::before{

            left: 0;

            top: 0;

            width: 100vw;

            height: calc(100%);

      }

}



.recruit_philosophy_sec{

      padding-top: 110px;

}

.recruit_philosophy_cont{

      position: relative;

      width: 100%;

      max-width: 800px;

      background-color: #0092D7;

      border-radius: 5px;

      margin: auto;

}

.recruit_philosophy_ttl_en{

      font-size: 10rem;

      position: absolute;

      top: -70px;

      right: -80px;

}

.recruit_philosophy_ttl_en_wh{

      color: #fff;

}

.recruit_philosophy_ttl_en_bl{

      color: #0092D7;

      position: absolute;

      top: 0;

      right: -5px;

      z-index: -1;

}

.recruit_philosophy_img_area{

      padding-left: 60px;

}

.recruit_philosophy_txtarea{

      padding-top: 100px;

      padding-bottom: 60px;

      color: #fff;

      width: calc(100% - 290px);

      padding-left: 60px;

      padding-right: 60px;

}

.recruit_philosophy_ttl{

      font-size: 2.6rem;

}

.recruit_philosophy_img_area{

      width: 280px;

      height: 340px;

      overflow: hidden;

}

.recruit_philosophy_lst{

      width: 45%;

      margin-right: 5%;

}

.recruit_philosophy_lst_itm{

      margin-top: 8%;

}

.recruit_philosophy_lst:nth-child(2n){

      margin-right: 0;

}

.recruit_philosophy_lst_02{

      height: 100%;

      transform: rotate(180deg);

}

.recruit_philosophy_lst_itm_02{

      transform: rotate(180deg);

}

.recruitSlider01 .slick-list{

      height: 100%;

}

.recruitSlider01 .slick-list{

      height: 100%;

}

.recruitSlider01 .slick-track{

      height: 100%;

}

.recruitSlider01_itm img{

      height: 100%;

      object-fit: cover;

}

.recruitSlider02 .slick-list{

      height: 100%;

}

.recruitSlider02 .slick-list{

      height: 100%;

}

.recruitSlider02 .slick-track{

      height: 100%;

}

.recruitSlider02_itm img{

      height: 100%;

      object-fit: cover;

}

@media (max-width: 896px){

      .recruit_philosophy_ttl_en{

            font-size: 8rem;

            position: absolute;

            top: -70px;

            right: -20px;

            z-index: 1;

      }

      .recruit_philosophy_txtarea {

            padding-top: 70px;

            padding-bottom: 20px;

            color: #fff;

            width: calc(100% - 290px);

            padding-left: 30px;

            padding-right: 30px;

      }

}

@media (max-width: 576px){

      .recruit_philosophy_ttl_en{

            font-size: 5rem;

            position: absolute;

            top: -50px;

            right: -20px;

            z-index: 1;

      }

      .recruit_philosophy_txtarea {

            padding-top: 40px;

            padding-bottom: 40px;

            color: #fff;

            width: calc(100%);

            padding-left: 30px;

            padding-right: 30px;

      }

      .recruitSlider01{

            height: 120px;

            width: 100% !important;

      }

      .recruitSlider01_itm{

            width: 160px !important;

            height: 120px !important;

      }

      .recruitSlider02{

            height: 120px;

            width: 100% !important;

      }

      .recruitSlider02_itm{

            width: 160px !important;

            height: 120px !important;

      }

      .recruit_philosophy_sec {

            padding-top: 80px;

      }

}



.recruit_strength_ttl_en_bg{

      font-size: 16rem;

      color: #eee;

      position: absolute;

      right: 0;

      top: 0;

      line-height: 1;

}

.top_strg_lst_itm_num_recruit{

      color: #EE7B4A;

}

.recruit_works_ttl_en_bg{

      font-size: 16rem;

      color: #eee;

      position: absolute;

      left: 0;

      top: -10px;

      line-height: 1;

}

.recruit_works_bg{

      position: relative;

      z-index: 1;

}

.recruit_works_bg::before{

      height: 100%;

      width: 44vw;

      background-color: #FFE031;

      position: absolute;

      top: 0;

      right: 0;

      z-index: -1;

      margin-right: calc(50% - 50vw);

}



.recruit_works_lst{

      padding-top: 120px;

      padding-bottom: 60px;

}

.recruit_works_lst_itm_num{

      font-size: 6rem;

      color: #fff;

      position: absolute;

      top: -45px;

      right: 0;

      line-height: 1;

      z-index: 1;

      text-shadow: 0 3px 6px #00000012;

}

.recruit_works_lst_img{

      box-shadow: 0 3px 6px #00000012;

}

.recruit_works_lst_img img{

      border-radius: 5px;

}

.recruit_works_lst_itm_txt{

      padding-top: 30px;

      font-weight: 500;

}

.recruit_works_lst_itm:nth-child(n+2){

      margin-top: 100px;

}



.g_recruit_feature_01{

      width: 50%;

      margin-right: 10%;

      padding: 30px 20px 70px 35px;

}

.g_recruit_feature_01_txt{

      color: #fff;

      line-height: 1.5;

}

.g_recruit_feature_01_img{

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      z-index: -1;

}

.g_recruit_feature_01_img img{

      height: 100%;

}



.g_recruit_feature_02{

      width: 40%;

      padding: 30px 15px 60px 30px;

}

.g_recruit_feature_02_txt{

      color: #fff;

      line-height: 1.5;

}

.g_recruit_feature_02_img{

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      z-index: -1;

}

.g_recruit_feature_02_img img{

      height: 100%;

}

.g_recruit_feature_icon{

      width: 100%;

      max-width: 230px;

      margin: auto;

      margin-top: 30px;

      transform: translateX(10px);

}

.g_recruit_feature_icon::after{

      content: "";

      display: block;

      position: absolute;

      bottom: -360px;

      left:52%;

      margin: auto;

      transform: translate(-46% , 380px);

      width: 100%;

      min-width: 2420px;

      height: 800px;

      background: url(../img/recruit/recruit_feature_bg_line.png) no-repeat;

      background-size: cover;

      z-index: -1;

}

/* .recruit_works_cont::after{

      content: "";

      display: block;

      position: absolute;

      top: 50%;

      bottom: 50%;

      left:52%;

      margin: auto;

      transform: translate(-46% , 380px);

      width: 100%;

      min-width: 2420px;

      height: 800px;

      background: url(../img/recruit/recruit_feature_bg_line.png) no-repeat;

      background-size: cover;

      z-index: -1;

} */



.recruit_works_lst_itm_txt{

      width: 26vw;

      max-width: 330px;

}

.recruit_benefits_ttl_en_bg{

      position: absolute;

      top: -40px;

      right: 0;

      color: #eee;

      font-size: 16rem;

      z-index: -1;

}

@media (max-width: 991px){

      .recruit_works_cont{

            width: 100%;

      }

      .recruit_works_bg{

            width: 100%;

      }

      .g_recruit_feature_cont{

            max-width: 440px;

            margin: auto;

      }

      .g_recruit_feature_icon {

            transform: translateX(60px);

      }

      .recruit_works_bg::before{

            width: 26vw;

      }

      .recruit_works_lst_itm_txt{

            width: 66vw;

            max-width: 100%;

      }

}



@media (max-width: 896px){

      .recruit_strength_ttl_en_bg {

            font-size: 12rem;

      }

      .recruit_benefits_ttl_en_bg{

            font-size: 12rem;

      }

      .top_benefits_lst_recruit{

            margin: auto;

      }

      .recruit_works_ttl_en_bg{

            font-size: 12rem;

      }

}

@media (max-width: 576px){

      .recruit_strength_ttl_en_bg {

            font-size: 6rem;

            top: 65px;

      }

      .g_recruit_feature_icon {

            transform: translateX(10px);

      }

      .recruit_works_bg::before{

            width: 26vw;

      }

      .recruit_works_lst_itm:nth-child(n+2) {

            margin-top: 80px;

      }

      .g_recruit_feature_cont{

            font-size: 1.1rem;

      }

      .g_recruit_feature_01 {

            width: 50%;

            margin-right: 10%;

            padding: 30px 22px 60px 25px;

      }

      .g_recruit_feature_02 {

            width: 40%;

            padding: 30px 15px 50px 20px;

      }

      .recruit_benefits_ttl_en_bg{

            top: 65px;

            font-size: 6rem;

      }

      .recruit_works_ttl_en_bg{

            top: 65px;

            font-size: 6rem;

      }

}



.recruit_detail_sec{

      padding-top: 160px;

}



.recruit_style_sec::before{

      content: "";

      display: block;

      position: absolute;

      top: 100px;

      right: -50px;

      width: 280px;

      height: 350px;

      background: url(../img/recruit/style_line.png) no-repeat;

      background-size: contain;

}

.recruit_style_sec::after{

      content: "";

      display: block;

      position: absolute;

      bottom: -70px;

      left: -50px;

      width: 280px;

      height: 350px;

      background: url(../img/recruit/style_line.png) no-repeat;

      background-size: contain;

}

.recruit_style_ttl_en_bg{

      font-size: 16rem;

      color: #D6EDF9;

      position: absolute;

      left: 0;

      top: -0px;

      line-height: 1;

      z-index: -1;

}

.recruit_style_lst{

      position: relative;

      z-index: 1;

}

.recruit_style_lst_ttl{

      font-size: 2rem;

      font-weight: bold;

}

.recruit_style_lst_txt{

      padding-top: 30px;

      font-weight: 500;

}

.recruit_style_cont{

      margin-top: 50px;

      padding: 80px 0;

      background-color: #D6EDF9;

}

.recruit_style_lst{

      max-width: 860px;

      margin: auto;

}

.recruit_style_lst_itm{

      width: 47.5%;

      margin-right: 5%;

      background-color: #fff;

      padding: 60px 30px;

      padding-bottom: 50px;

      position: relative;

}

.recruit_style_lst_itm:nth-child(n+3){

      margin-top: 60px;

}

.recruit_style_lst_itm:nth-child(2n){

      margin-right: 0;

      margin-top: 60px;

}

.recruit_style_lst_itm:nth-child(4){

      margin-top: 120px;

}



.recruit_style_lst_tag{

      position: absolute;

      top: 0;

      right: -1px;

      padding-right: 10px;

      padding-top: 5px;

      width: 170px;

      height: 25px;

      background: url(../img/recruit/style_sq_bl.png) no-repeat;

      background-size: contain;

}

.recruit_style_lst_tag_inr{

      height: 22px;

      width: 22px;

      min-width: 22px;

      background: url(../img/common/contact_icon_wh.png) no-repeat;

      background-size: contain;

}

.recruit_style_lst_tag_inr + .recruit_style_lst_tag_inr{

      margin-left: 5px;

}

.recruit_style_lst_tag_inr_bl{
      background: url(../img/common/contact_icon.png) no-repeat;
      background-size: contain;
}



.recruit_style_lst_tag_btm{

      position: absolute;

      width: 170px;

      height: 25px;

      background: url(../img/recruit/style_sq_l_bl.png) no-repeat;

      background-size: contain;

      bottom: 0;

      left: 0;

}

.recruit_style_lst_ttl_img{

      position: absolute;

      top: -30px;

      left: 30px;

      width: 80px;

}

@media (max-width: 896px){

      .recruit_style_lst{

            width: 100%;

            max-width: 525px;

            margin: auto;

      }

      .recruit_style_lst_itm {

            width: 100%;

            margin-right: 0%;

            padding: 60px 30px;

            padding-bottom: 50px;

            position: relative;

      }

      .recruit_style_lst_itm:nth-child(2n) {

            margin-right: 0;

            margin-top: 0px;

      }

      .recruit_style_lst_itm:nth-child(n+2) {

            margin-right: 0;

            margin-top: 80px;

      }

      .recruit_style_ttl_en_bg {

            font-size: 12rem;

      }

}

@media (max-width: 576px){

      .recruit_style_ttl_en_bg {

            top: 75px;

            font-size: 6rem;

      }

      .recruit_style_sec::before{

            top: 120px;

            right: -80px;

            width: 200px;

            height: 280px;

            background: url(../img/recruit/style_line.png) no-repeat;

            background-size: contain;

      }

      .recruit_style_sec::after{

            bottom: -70px;

            left: -80px;

            width: 200px;

            height: 280px;

            background: url(../img/recruit/style_line.png) no-repeat;

            background-size: contain;

      }

      .recruit_style_lst_ttl_img {

            position: absolute;

            top: -20px;

            left: 30px;

            width: 60px;

      }

      .recruit_style_lst_itm:nth-child(n+2) {

            margin-right: 0;

            margin-top: 70px;

      }

}



.recruit_detail_sec::before{

      content: "";

      display: block;

      position: absolute;

      top: 0;

      left: 50%;

      transform: translateX(-54%);

      height: 4860px;

      width: 6200px;

      background: url(../img/recruit/detail_bg_l.png) no-repeat;

      background-size: contain;

}

.recruit_detail_img{

      width: 50vw;

      margin-right: calc(50% - 50vw);

}

.recruit_detail_img img{

      max-height: 360px;

      object-fit: cover;

}

.recruit_dl{

      background-color: #fff;

      padding: 80px 50px;

      max-width: 900px;

      margin: auto;

      box-shadow: 0 3px 6px #00000012;

}

.recruit_dl::before{

      content: "Requirements";

      display: block;

      position: absolute;

      top: 415px;

      right: -590px;

      font-size: 16rem;

      color: #eee;

      font-family: "Fugaz One", sans-serif;

      z-index: 1;

      transform: rotate(90deg);

}

.recruit_ap_ttl{

      padding-top: 100px;

}

.recruit_ap_lst{

      width: 100%;

      max-width: 900px;

      margin: auto;

}

.recruit_ap_lst_itm{

      width: 30%;

      margin-right: 5%;

}

.recruit_ap_lst_itm:nth-child(3n){

      margin-right: 0;

}



.recruit_contact_ttl_en_bg{

      position: absolute;

      top: -100px;

      left: 0;

      color: #eee;

      font-size: 16rem;

      z-index: -1;

}

.recruit_dl dd{

      line-height: 2;

} 

.recruit_detail_txtarea{

      font-size: 1.6rem;

      font-weight: 500;

}

.recruit_edu_tag::before{

      position: absolute;

      bottom: 0;

      left: calc(100% + 20px);

      height: 70px;

      width: 70px;

      background: url(../img/recruit/recruit_educational_background.png) no-repeat;

      background-size: contain;

}

@media (max-width: 1380px){

      .recruit_detail_sec::before{

            top: 0;

            left: 50%;

            transform: translateX(-53%);

            height: 2860px;

            width: 3800px;

            background: url(../img/recruit/detail_bg.png) no-repeat;

      background-size: contain;

      }

}

@media (max-width: 896px){

      .recruit_dl::before{

            top: 310px;

            right: -410px;

            font-size: 12rem;

      }

      .recruit_ap_ttl {

            padding-top: 60px;

      }

      .recruit_contact_ttl_en_bg{

            font-size: 12rem;

      }

}

@media (max-width: 576px){

      .recruit_detail_sec::before{

            top: 13%;

            left: 50%;

            transform: translateX(-53%);

            height: 2860px;

            width: 3800px;

      }

      .recruit_detail_img_area{

            width: 100%;

      }

      .recruit_detail_img {

            width: 100vw;

            margin-right: calc(50% - 50vw);

      }

      .recruit_detail_txtarea{

            width: 100%;

      }

      .recruit_dl {

            background-color: #fff;

            padding: 60px 20px;

            max-width: 900px;

            margin: auto;

            box-shadow: 0 3px 6px #00000012;

      }

      .recruit_dl::before{

            top: 160px;

            right: -210px;

            font-size: 6rem;

      }

      .recruit_ap_lst{

            max-width: 525px;

      }

      .recruit_ap_lst_itm{

            margin-right: 0;

            width: 100%;

      }

      .recruit_ap_lst_itm + .recruit_ap_lst_itm{

            margin-top: 20px;

      }

      .recruit_contact_ttl_en_bg{

            top: 40px;

            font-size: 6rem;

      }

}







/*    ContactForm7カスタマイズ



=====================================================*/



.contact_lead_txt{



      font-size: 2rem;



      font-weight: 500;



}



.contact_txt_req{



      display: inline-block;



      padding: 0px 8px;



      border-radius: 4px;



      background-color: #0092D7;





      margin-right: 5px;



      color: #fff;



      font-weight: 500 !important;



}



table.CF7_table{



	width:100%;



	margin:0 auto;



      max-width: 100%;



	/* border: 3px solid #e5e5e5; */



}



table.CF7_table tr{



	border-top: 1px dotted #99999990;



}



table.CF7_table tr:last-child{



	border-bottom: 1px dotted #99999990;



}



.contact_txtarea{



      vertical-align:top !important;



}



::-webkit-full-page-media, :future, :root .contact_txtarea{



      padding-bottom: 0;



      position: relative;



      top: 0px;



}



table.CF7_table th{



      /* display: flex; */



      width: 270px;



      height: 100%;



      align-items: center;



      background-color: initial;



      padding: 20px 0;



      vertical-align: top;



      font-weight: bold;



      border: none !important;



      padding-right: 16px;



      vertical-align:middle;



}



table.CF7_table td{



      border: none;



      padding: 20px 0;



}



.single .entry-content table.CF7_table,



.page .entry-content table.CF7_table{



	display:table;



}



/*入力欄*/



.CF7_table input, .CF7_table textarea {



	/* border: 1px solid #d8d8d8; */



}



.CF7_table ::placeholder {



	color:#797979;



}



.CF7_table th p{



      width: 100%;



      display: flex;



      justify-content: space-between;



}



/*「必須」文字*/



.CF7_req{



	font-size:.9em;



	padding: 1px 8px;



	background: #0092D7;/*オレンジ*/



	color: #fff;



	margin-left:1em;



      border-radius: 4px;

      height: 24px;



      font-weight: 500 !important;



}



/*「任意」文字*/



.CF7_unreq{



	font-size:.9em;



	padding: 3px 8px;



	background: #bdbdbd;/*グレー*/



	color: #fff;



	border-radius: 3px;



	margin-left:1em;



      border-radius: 5px;



}



.wpcf7-list-item{



      margin-left: 0;



      margin-right: 15px;



}



.has-free-text{



      display: block;



      margin-right: 0;



}



.contact_policy_td{



      border-bottom: none;



}



.contact_policy_tr{



      border-bottom: none !important;



}



.contact_policy_td p{



      text-align: center;



}



.g_lower_contact_txt{

      font-size: 1.8rem;

      color: #fff;

      font-weight: bold;

      max-width: 525px;

}

.g_lower_contact_txt_area{

      padding:80px 100px 80px 0;



}

.warehouse_g_lower_contact_txt{
      font-weight: 500;

}



/* タイトル列 */



@media screen and (min-width: 768px){



	.CF7_table th{



	width:30%;/*横幅*/



	background-color:#ebedf5;/*ブルーグレー*/



	}



}



/* レスポンシブ */



@media screen and (max-width: 896px){



      table.CF7_table{



            width:100%;



            margin:0 auto;



            max-width: 100%;



            /* border: 3px solid #e5e5e5; */



      }



}



@media screen and (max-width: 768px){



	table.CF7_table{



	width:100%;



	}



	.CF7_table tr, .CF7_table td, table.CF7_table th{



	display: block;



	width: 100%;



	line-height:2.5em;



	}



	.CF7_table th{



      display: block !important;



	background-color:#ebedf5;



      padding-bottom: 0 !important;



	}



      .contact_txtarea{



      position: static !important;



      top: 0 !important;



      }



      .CF7_table th p{



            width: auto;



            display: block;



      }



      table.CF7_table td{



            padding-top: 15px;



      }



      .contact_lead_txt{



            font-size: 1.8rem;



      }



      .CF7_req{



            display: inline-block;



            line-height: 1.75;



      }



      .contact_txt_req{



            line-height: 1.75;



            font-weight: bold;



      }



}



/* 「送信する」ボタン */



.wpcf7 input.wpcf7-submit {



	position: relative;

	display: block;

	color: #fff;

	background-color: #0092D700;

	border: 0px solid #0092D7;

	border-radius: 30px;

	transition: color .2s, background .2s;

	-webkit-transition: color .2s, background .2s;

	max-width: 255px;

	width: 100%;



}



.wpcf7 input.wpcf7-submit::after {



	width: 6px;

	height: 6px;

	top: 0;

	bottom: 0;

	right: 24px;

	border-top: 2px solid #0092D7;

	border-right: 2px solid #0092D7;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	z-index: 2;

}

.wpcf7 input.wpcf7-submit::before{

	content: "";

	display: block;

	position: absolute !important;

	width: 26px;

	height: 26px;

	background-color: #fff;

	border-radius: 50%;

	position: absolute;

	top: 0;

	right: 14px;

	bottom: 0;

}



.wpcf7 input.wpcf7-submit:hover::before{

	content: "";

	display: block;

	position: absolute;

	width: 26px;

	height: 26px;

	background-color: #0092D7;

	border-radius: 50%;

	position: absolute;

	top: 0;

	right: 14px;

	bottom: 0;

      z-index: 1;

}



.wpcf7 input.wpcf7-submit:hover{



      color: #0092D7;



      background-color: #ffffff00;



}



.CF7_btn{



	text-align:center;



	margin-top:40px;



}



.CF7_btn{



	position: relative;

	display: block;

	color: #fff;

	background-color: #0092D7;

	border: 2px solid #0092D7;

	border-radius: 30px;

	transition: color .2s, background .2s;

	-webkit-transition: color .2s, background .2s;

	max-width: 255px;

	width: 100%;



}



.CF7_btn:hover{

      background-color: #fff;

}



.CF7_btn input{



	width: 100%;

	height: 100%;

	padding: 17px 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-ms-flex-align: center;

	align-items: center;

	-ms-flex-pack: center;

	justify-content: center;

	font-size: 1.5rem;

	font-weight: bold;



}



.CF7_btn.u_ic::after {



	width: 6px;

	height: 6px;

	top: 0;

	bottom: 0;

	right: 24px;

	border-top: 2px solid #0092D7;

	border-right: 2px solid #0092D7;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	z-index: 2;



}



.CF7_btn.u_ic::before{

	content: "";

	display: block;

	position: absolute;

	width: 26px;

	height: 26px;

	background-color: #fff;

	border-radius: 50%;

	position: absolute;

	top: 0;

	right: 14px;

	bottom: 0;

}



.CF7_btn.u_ic:hover::after {

	border-top: 2px solid #fff;

	border-right: 2px solid #fff;

}

.CF7_btn.u_ic:hover::before{

	content: "";

	display: block;

	position: absolute;

	width: 26px;

	height: 26px;

	background-color: #0092D7;

	border-radius: 50%;

	position: absolute;

	top: 0;

	right: 14px;

	bottom: 0;

}



.wpcf7-spinner{



      display: none;



	width:0;



	margin:0;



}



.screen-reader-response p{



      text-align: center;



      margin-bottom: 20px;



}



.screen-reader-response ul{



      display: none;



}



.wpcf7-response-output{



      text-align: center;



      margin-top: 20px;



}



.wpcf7-textarea{



      color: #222;



}



.wpcf7-not-valid-tip{



      display: block;



      color: #D90A27;



}



.wpcf7-response-output{



      /* position: fixed;



      width: 92vw;



      max-width: 1110px;



      top: 100px;



      left: 50%;



      transform: translateX(-50%);



      background-color: #fff;



      z-index: 999;



      border-width: 4px !important;



      box-shadow: 0 3px 6px #00000020;



      margin: 0 !important; */



}



@media screen and (max-width: 768px){



      /* .wpcf7-response-output{



            top: 100px;



      } */



}



#sbi_mod_error{



      display: none !important;



}



.preparation_cont{

      font-size: 1.8rem;

      font-weight: 500;

}




.header_nav_lst_itm_btn{
      margin-left: 25px !important;
}
@media (max-width: 1280px){
      .header_nav_lst_itm_btn{
            margin-left: 0px !important;
      }
}
@media (max-width: 576px){}


/*    数字で見る
=====================================================*/
.achievements_es_sec{
      background-color: #D6EDF9;
      padding: 80px 0;
      margin-top: 120px;
}
.achievements_es_sec::before{
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0%;
      height: 100%;
      width: 48vw;
      background: url(../img/achievements/bg.png) no-repeat;
      background-position: right;
      background-size: cover;

      /* content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-900px);
      height: 100%;
      width: 100%;
      min-width: 930px;
      background: url(../img/achievements/bg.png) no-repeat;
      background-size: contain; */
}
.achievements_01_ttl{
      font-size: 5rem;
      font-weight: bold;
}
.achievements_01_txt_min{
      font-size: 2.6rem;
}
.achievements_01_cont{
      max-width: 600px;
      margin-left: auto;
}
.achievements_01_es{
      padding-right: 215px;
}
.achievements_lst_sec{
      padding-top: 80px;
      padding-bottom: 140px;
}
.achievements_lst_l_ratio3_2_l{
      width: 60%;
      margin-right: 5%;
}
.achievements_lst_l_ratio3_1_r{
      width: 35%;
}
.achievements_lst_ttl{
      font-size: 2.6rem;
      font-weight: bold;
}
.achievements_lst_ttl{
      position: relative;
      padding-left: 60px;
}
.achievements_lst_ttl::before{
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 40px;
      height: 60px;
      background: url(../img/achievements/line.png) no-repeat;
      background-size: contain;
}
.achievements_lst_l_clm2{
      width: 47.5%;
      margin-right: 5%;
}
.achievements_lst_l_clm2:nth-child(2n){
      margin-right: 0;
}
@media (max-width: 896px){
      .achievements_lst_sec{
            padding-bottom: 100px;
      }
      .achievements_es_sec {
            background-color: #D6EDF9;
            padding: 80px 0;
            margin-top: 80px;
            padding-bottom: 100px;
      }
      .achievements_01_cont {
            max-width: 525px;
            margin-left: auto;
      }
      .achievements_lst_ttl{
            font-size: 2.2rem;
            font-weight: bold;
      }
}
@media (max-width: 576px){
      .g_lower_ttl_en_achievements{
            font-size: 5rem;
      }
      .g_lower_ttl_en_achievements .g_lower_ttl_en_wh{
            white-space: nowrap;
      }
      .achievements_es_sec::before{
            left: 50%;
            transform: translateX(-330px);
            min-width: 400px;
            background: url(../img/achievements/bg.png) no-repeat;
            background-size: contain;
            background-position: bottom;
      }
      .achievements_es_sec{
            padding-bottom: 170px;
      }
      .achievements_01_es {
            padding-right: 120px;
      }
      .achievements_lst_l_ratio3_2_l{
            width: 100%;
            margin-right: 0%;
      }
      .achievements_lst_l_ratio3_1_r{
            width: 100%;
            margin-top: 60px;
      }
      .achievements_lst_l_clm2{
            width: 100%;
            margin-right: 0%;
      }
      .achievements_lst_l_clm2:nth-child(2n){
            margin-top: 40px;
      }
}

/*    福利厚生
=====================================================*/
.benefits_lst_itm{
      padding: 30px 20px;
      background-color: #EEEEEE;
      border-radius: 5px;
      box-shadow: 0 3px 6px #00000012;
}
.benefits_lst_itm:nth-child(n+3){
      margin-top: 60px;
}
.recruit_strength_ttl_en_bg{
      font-size: 16rem;
      color: #eee;
      position: absolute;
      right: 0;
      top: 120px;
      line-height: 1;
      z-index: -1;
}
.benefits_lst_ttl{
      position: relative;
      font-size: 2.6rem;
      color: #373582;
      padding-left: 60px;
      padding-top: 25px;
      font-weight: bold;
}
.benefits_lst_ttl::before{
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0px;
      height: 60px;
      width: 40px;
      background: url(../img/common/title_line.png) no-repeat;
      background-size: contain;
}
.benefits_lsttxtarea_ttl{
      font-size: 2.0rem;
      font-weight: bold;
}
.benefits_lsttxtarea_cont{
}
.benefits_lst_img{
      width: 95px;
      height: 80px;
      margin: auto;
}
.benefits_lst_img img{
      object-fit: contain;
      object-position: center;
      height: 100%;
}
.benefits_lsttxtarea{
      width: calc(100% - 95px);
      padding-left: 30px;
}
.benefits_lst_ttl_01::after{
      content: "";
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      height: 103px;
      width: 100px;
      background: url(../img/benefits/side_01.png) no-repeat;
      background-size: contain;
}
.benefits_lst_ttl_02::after{
      content: "";
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      height: 103px;
      width: 166px;
      background: url(../img/benefits/side_02.png) no-repeat;
      background-size: contain;
      transform: translateX(66px);
}
.benefits_lst_ttl_03::after{
      content: "";
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      height: 103px;
      width: 100px;
      background: url(../img/benefits/side_03.png) no-repeat;
      background-size: contain;
}

.recruit_system_ttl_en_bg{
      font-size: 16rem;
      color: #eee;
      position: absolute;
      left: 0;
      top: 60px;
      line-height: 1;
      z-index: -1;
}

.benefits_system_bg{
      background-color: #D6EDF9;
      padding: 60px 0px;
      padding-top: 80px;
      margin-top: 60px;
      padding-bottom: 100px;
}

/* .recruit_style_lst{
      width: 860px;
      margin: auto;
} */
.recruit_style_lst_itm_benefit_01{
      width: 100%;
      margin-right: 0;
}
.recruit_style_lst_itm_benefit{
      /* height: 100%; */
}
.recruit_style_lst_itm_benefit:nth-child(2){
      margin-top: 60px;
      width: 47.5%;
      margin-right: 5%;
}
.recruit_style_lst_itm_benefit:nth-child(3){
      margin-top: 60px;
      width: 47.5%;
      margin-right: 0;
}

.benefits_system_sec::before{
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 55%;
      /* right: 0%; */
      /* transform: translateX(360px); */
      height: calc(100% - 260px);
      width: 700px;
      background: url(../img/benefits/system_bg.png) no-repeat;
      background-size: contain;
      background-position: bottom;
}
.benefits_system_sec::after{
      content: "";
      display: block;
      position: absolute;
      top: 330px;
      left: 50%;
      transform: translateX(-600px);

      height: 80px;
      width: 140px;
      background: url(../img/benefits/car_icon.png) no-repeat;
      background-size: contain;
      background-position: center;
}

@media (max-width: 896px){
      .recruit_strength_ttl_en_bg {
            font-size: 12rem;
      }
      .recruit_system_ttl_en_bg{
            font-size: 12rem;
      }
      .recruit_style_lst_benefits{
            width: 100%;
            max-width: 100%;
      }
      .benefits_system_sec::before{
            transform: translateX(360px);
            height: calc(100% - 210px);
            width: 1000px;
            background: url(../img/benefits/system_bg.png) no-repeat;
            background-size: contain;
            background-position: bottom right;
      }
      .benefits_lst_ttl {
            position: relative;
            font-size: 2.2rem;
            color: #373582;
            padding-left: 40px;
            padding-top: 25px;
            padding-right: 90px;
            font-weight: bold;
      }
      .benefits_lst_ttl::before{
            left: 0;
            top: 15px;
            height: 40px;
            width: 30px;
            background: url(../img/common/title_line.png) no-repeat;
            background-size: contain;
      }
      .benefits_lst_ttl_01::after {
            height: 80px;
            width: 80px;
      }
      .benefits_lst_ttl_02::after {
            height: 80px;
            width: 125px;
            transform: translateX(0px);
            background: url(../img/benefits/side_02_sp.png) no-repeat;
            background-size: contain;
            top: 0;
            bottom: 20px;
      }
      .benefits_lst_ttl_03::after {
            height: 80px;
            width: 80px;
      }
      .benefits_lsttxtarea_ttl{
            font-size: 1.8rem;
      }
      .benefits_system_sec::after{
            content: "";
            display: block;
            position: absolute;
            top: 150px;
            left: calc(96% - 140px);
            transform: translateX(0px);
      }
}
@media (max-width: 576px){
      .recruit_strength_ttl_en_bg {
            font-size: 6rem;
            top: 65px;
      }
      .recruit_system_ttl_en_bg{
            font-size: 6rem;
            top: 50px;
      }
      .recruit_style_lst_itm_benefit{
            width: 100% !important;
            margin-right: 0 !important;
      }
      .benefits_system_sec::before{
            transform: translateX(760px);
            height: calc(100% - 210px);
            width:1200px;
            background: url(../img/benefits/system_bg.png) no-repeat;
            background-size: contain;
            background-position: bottom right;
      }
      .benefits_lst_ttl {
            font-size: 2rem;
            color: #373582;
            padding-top: 25px;
            padding-right: 80px;
      }
      .benefits_lst_ttl::before{
            top: 12px;
      }
      .benefits_lst_ttl_01::after {
            height: 80px;
            width: 80px;
            background: url(../img/benefits/side_01.png) no-repeat;
            background-size: contain;
      }
      .benefits_lst_itm:nth-child(n+3){
            margin-top: 8vw;
      }
      .benefits_system_bg {
            padding-top: 60px;
            margin-top: 40px;
            padding-bottom: 100px;
      }
}


/*    社員紹介
=====================================================*/
.member_anchor_lst{
      max-width: 800px;
      margin: auto;
}
.member_anchor_lst_itm{
      width: 30%;
      margin-right: 5%;
}
.member_anchor_lst_itm:nth-child(3n){
      margin-right: 0;
}
.member_anchor_lst_itm_inr{
      position: relative;
      display: block;
      background-color: #0092D7;
      border-radius: 5px;
      color: #fff;
      padding: 20px;
      border: 2px solid #0092D7;
      transition: backGround .2s , color .2s;
      font-weight: 500;
}
.member_anchor_lst_itm_inr::before{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 15px;
      margin: auto;
      height: 22px;
      width: 22px;
      background: url(../img/member/arrow_wh.png) no-repeat;
      background-position: center;
      background-size: contain;
      font-weight: medium;
}
.member_anchor_lst_itm_inr:hover::before{
      background: url(../img/member/arrow_bl.png) no-repeat;
      background-position: center;
      background-size: contain;
}
.member_anchor_lst_itm_inr:hover{
      background-color: #fff;
      color: #0092D7;
}

.member_name{
      position: relative;
      padding-left: 225px;
      padding-top: 215px;
}
.member_name::before{
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      height: 300px;
      width: 185px;
      background: url(../img/member/ttl_line.png) no-repeat;
      background-size: contain;
      background-position: bottom;
}
.member_name_en{
      letter-spacing: 2px;
}
.member_name_ja{
      font-size: 2.6rem;
      font-weight: bold;
      padding-top: 5px;
}
.member_mv_img{
      position: absolute;
      width: 46vw;
      max-width: 555px;
      top: 100px;
      right: 0;
}
.member_interview_img{
      position: absolute;
      top: 0;
      right: 0;
      width: calc(100% - 185px);
      z-index: 1;
}
.member_div + .member_div{
      margin-top: 60px !important;
}
.member_dl{
      position: relative;
      max-width: 800px;
      margin: auto;
      margin-top: 40px;
}
.member_dl::before{
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      width: 100vw;
      height: 100%;
      background: url(../img/member/member_interview_bg.png) no-repeat;
      background-size: contain;
      background-position: center;
      min-width: 1280px;
}
.member_dl_02::before{
      background: url(../img/member/member_interview_bg_02.png) no-repeat;
      background-size: contain;
      background-position: center;
      min-width: 1280px;
}
.member_dl_03::before{
      background: url(../img/member/member_interview_bg_03.png) no-repeat;
      background-size: contain;
      background-position: center;
      min-width: 1280px;
}
.member_dt_ttl_num{
      position: absolute;
      left: 0;
      top: 0;
      font-size: 3rem;
      letter-spacing: 3px;
}
.member_dt_ttl_en{
      letter-spacing: 2px;
      padding-top: 15px;
}
.member_dt_ttl_ja{
      font-size: 2rem;
}
.member_dt{
      padding-left: 60px;
}
.member_dd{
      margin-top: 30px;
}
.member_dd .recruit_style_lst_itm{
      background-color: #D6EDF9;
}
.member_dd .recruit_style_lst_itm{
      padding-top: 50px;
}
.member_dd{
      font-size: 1.8rem;
}
.member_sche_imgarea{
      width: calc(100% - 510px);
      max-width: 440px;
}
.member_sche_title{
      margin-top: 60px;
      font-size: 3rem;
      font-weight: 500;
}
.member_sche_div{
      padding-top: 45px;
}
.member_sche_div + .member_sche_div{
      margin-top: 50px;
}
.member_sche_dt{
      display: inline-block;
      padding: 18px 20px;
      background-color: #0092D7;
      color: #fff;
      font-size: 1.8rem;
      font-weight: bold;
      line-height: 1.5;
      border-radius: 50%;
      height: 90px;
      width: 90px;
}
.member_sche_dl{
      width: 100%;
      max-width: 460px;
      margin-left: 50px;
}
.member_sche_dl::before{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 45px;
      height: calc(80%);
      width: 1px;
      border-left: 2px dotted #0092D7;
      z-index: 1;
}
.member_sche_dd{
      background-color: #D6EDF9;
      padding: 20px;
      width: 400px;
      margin-left: 55px;
}
.member_sche_dd_inr{
      position: relative;
      padding: 25px;
      background-color: #fff;
      border-radius: 5px;
      font-weight: 500;
}
.member_sche_dd_inr::before{
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-right: 45px solid transparent;
      border-left: 45px solid transparent;
      border-bottom: 45px solid #D6EDF9;
      border-top: 0;
      transform: rotate(315deg);
      position: absolute;
      top: -20px;
      left: -40px;
      z-index: 1;
}
.member_sche_dt{
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
}
.member_bubble{
      position: absolute;
      top: -15px;
      width: 120px;
      height: 60px;
      background: url(../img/member/bubble.png) no-repeat;
      background-size: contain;
      padding: 10px;
      padding-top: 13px;
      font-weight: 500;
      z-index: 3;
      text-align: center;
}
.member_bubble_02{
      position: absolute;
      top: 20px;
      right: 10px;
      letter-spacing: 1px;
      font-size: 1.8rem;
      color: #373582;
      font-weight: bold;
      padding: 0 30px;
}
.member_bubble_02::before{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 28px;
      background: url(../img/member/bubble_side_left.png) no-repeat;
      background-size: contain;
      background-position: bottom;
}
.member_bubble_02::after{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 20px;
      height: 28px;
      background: url(../img/member/bubble_side_right.png) no-repeat;
      background-size: contain;
      background-position: bottom;
}
.interview_sec + .interview_sec{
      padding-top: 120px;
}
.interview_sec:last-child{
      padding-bottom: 140px;
}

@media (max-width: 896px){
      .member_name_ja{
            font-size: 2.2rem;
      }
      .member_name::before {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            height: 200px;
            width: 120px;
            background: url(../img/member/ttl_line.png) no-repeat;
            background-size: contain;
            background-position: bottom;
      }
      .member_name {
            position: relative;
            padding-left: 150px;
            padding-top: 215px;
      }
      .member_interview_img {
            position: absolute;
            top: 0;
            right: 0;
            transform: translateY(50px);
            width: calc(100% - 140px);
            z-index: 1;
      }
      .member_mv_img img {
            min-height: 220px;
            object-fit: cover;
            object-position: bottom left;
      }
      .member_sche_title{
            font-size: 2.6rem;
      }
      .member_sche_imgarea{
            width: 100%;
            max-width: 100%;
      }
      .member_sche_img{
            width: 47.5%;
            margin-right: 5%;
      }
      .member_sche_img:nth-child(2n){
            margin-right: 0;
      }
      .member_sche_dl {
            max-width: 100%;
            margin-left: 0px;
            margin-top: 50px;
      }
      .member_sche_dd {
            background-color: #D6EDF9;
            padding: 20px;
            width: calc(100% - 55px);
            margin-left: 55px;
      }
      .interview_sec + .interview_sec{
            padding-top: 80px;
      }
      .interview_sec:last-child{
            padding-bottom: 100px;
      }
}
@media (max-width: 576px){
      .member_dd {
            font-size: 1.6rem;
      }
      .member_anchor_lst_itm {
            width: 100%;
            margin-right: 0%;
      }
      .member_anchor_lst_itm + .member_anchor_lst_itm{
            margin-top: 5%;
      }
      .member_interview_img {
            position: absolute;
            transform: translateY(10px);
            width: calc(100% - 100px);
            transform: none;
      }
      .member_name {
            position: relative;
            padding-left: 100px;
            padding-top: 60px;
      }
      .member_mv_img {
            position: relative;
            width: 100%;
            max-width: 100%;
            top: 0px;
            right: 0;
            margin-top: 40px;
      }
      .member_mv_img img {
            height: 260px;
            object-fit: cover;
            object-position: bottom left;
      }
      .member_name::before {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            height: 200px;
            width: 80px;
            background: url(../img/member/ttl_line.png) no-repeat;
            background-size: contain;
            background-position: bottom;
      }
      .member_bubble_02{
            font-size: 1.6rem;
            position: absolute;
            top: 20px;
            right: -2vw;
            letter-spacing: 1px;
            padding: 0 20px;
      }
      .interview_sec + .interview_sec{
            padding-top: 60px;
      }
}


/*    代表挨拶
=====================================================*/
.g_lower_ttl_company{
      position: relative;
      margin-left: 46px;
      margin-top: 10px;
}
.g_lower_ttl_company::before{
      content: "";
      display: block;
      position: absolute;
      top: -5px;
      left: -35px;
      height: 45px;
      width: 25px;
      background: url(../img/company/ttl_line.png) no-repeat;
      background-size: contain;
      background-position: center;
}
.company_greeting_mv{
      position: relative;
      width: 50vw;
      margin-left: calc(50% - 50vw);
      z-index: 2;
}
.company_greeting_mv::before{
      content: "";
      display: block;
      position: absolute;
      bottom: -40px;
      right: 80px;
      width: 180px;
      height: 300px;
      background: url(../img/company/greeting_mv_bg_line.png) no-repeat;
      background-size: contain;
      z-index: -1;
}
.company_greeting_mv img{
      max-height: 520px;
      object-fit: cover;
}
.company_greeting_ttl_en_bg{
      font-size: 16rem;
      color: #eee;
      position: absolute;
      right: 0;
      top: 120px;
      line-height: 1;
      z-index: -1;
}
.company_greeting_txtarea{
      width: 50%;
      margin-top: 80px;
      padding-bottom: 80px;
}
.company_greeting_txtarea::before{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: -26vw;
      width: 100vw;
      height: 100%;
      margin-right: calc(50% - 50vw);
      background: url(../img/company/company_greeting_txt_bg.png) no-repeat;
      background-size: cover;
      background-position: left;
      z-index: -2;
}
.company_greeting_txtarea_ttl_en{
      padding-top: 60px;
      font-size: 7rem;
      letter-spacing: 1px;
}
.company_greeting_txtarea_txt_inr{
      padding-top: 40px;
      font-weight: 500;
      line-height: 2.2;
}
.company_message_sec{
      padding: 80px 0;
      background-color: #D6EDF9;
}
.company_message_ttl{
      font-size: 3rem;
      font-weight: 500;
}
.company_message_txtarea{
      width: 50%;
      max-width: 525px;
      line-height: 2.2;
}
.company_message_img{
      position: absolute;
      top: 0;
      left: 50%;
      min-width: 1600px;
}
.company_message_ttl_en_bg{
      font-size: 16rem;
      color: #eee;
      position: absolute;
      left: 0;
      top: 120px;
      line-height: 1;
      z-index: -1;
}
.recruit_style_lst_itm_company{
      box-shadow: 0 3px 6px #00000012;
}
.recruit_style_lst_ttl_company{
      color: #373582;
      padding-top: 25px;
      text-align: left;
}
.recruit_style_lst_txt_company{
      padding-top: 20px;
}
.company_works_sec::before{
      content: "";
      display: block;
      position: absolute;
      width: 100vw;
      min-width: 2220px;
      height: 1300px;
      left: -50px;
      background: url(../img/company/company_works_bg.png) no-repeat;
      background-size: cover;
}
.company_works_sec::after{
      content: "";
      display: block;
      position: absolute;
      width: 130px;
      height: 60px;
      bottom: 260px;
      left: 5vw;
      background: url(../img/company/company_works_bg_icon.png) no-repeat;
      background-size: contain;
}
.company_dl{
      width: 100%;
      max-width: 800px;
      margin: auto;
}
.company_office_ttl_en_bg{
      font-size: 16rem;
      color: #eee;
      position: absolute;
      left: 0;
      top: 120px;
      line-height: 1;
      z-index: -1;
}
.company_group_ttl_en_bg{
      font-size: 16rem;
      color: #eee;
      position: absolute;
      right: 0;
      top: 120px;
      line-height: 1;
      z-index: -1;
}
.company_bnr_cont{
      max-width: 800px;
      margin: auto;
      margin-top: 60px;
}
.company_bnr_lst_itm {
      max-width: 380px;
}
.company_bnr_lst_itm_inr{
      transition: opacity .2s;
}
.company_bnr_lst_itm_inr:hover{
      opacity: .6;
}
.g_lower_ttl_l_bl_company{
      z-index: 1;
}
.company_bnr_lst_itm_inr img{
      box-shadow: 0 3px 6px #00000012;
}
.company_dd_span::before{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: calc(100% + 15px);
      bottom: 0;
      margin: auto;
      height: 75px;
      width: 80px;
      background: url(../img/company/company_car_num.png) no-repeat;
      background-size: contain;
}

@media (max-width: 896px){
      .company_greeting_mv img {
            height: 40%;
            object-fit: cover;
            object-position: right;
      }
      .company_greeting_mv::before{
            right: 90px;
            width: 280px;
            height: 400px;
      }
      .company_greeting_txtarea::before {
            top: 0;
            left: 0vw;
            width: 100vw;
            height: 100%;
            margin-right: calc(50% - 50vw);
            background: url(../img/company/company_greeting_txt_bg.png) no-repeat;
            background-size: cover;
            background-position: left bottom;
            z-index: -2;
      }
      .company_greeting_mv {
            width: 96vw;
            margin-left: calc(50% - 50vw);
            z-index: 2;
      }
      .company_greeting_mv img{
            height: 300px;
            object-fit: cover;
            object-position: center 20%;
      }
      .company_greeting_mv::before{
            right: -60px;
            top: 60px;
      }
      .company_greeting_txtarea {
            width: 100%;
            margin-top: 0px;
            padding-bottom: 80px;
      }
      .company_greeting_ttl_en_bg{
            font-size: 12rem;
            top: 80px;
      }
      .company_greeting_txtarea_ttl_en {
            font-size: 5rem;
            letter-spacing: 1px;
      }
      .company_greeting_txtarea_txt_inr {
            padding-top: 30px;
            font-weight: 500;
            line-height: 2.2;
      }
      .company_message_ttl {
            font-size: 2.6rem;
      }
      .company_message_ttl_en_bg {
            font-size: 12rem;
            top: 80px;
      }
      .company_works_sec::before{
            left: 50%;
            transform: translateX(-40%);
            background: url(../img/company/company_works_bg.png) no-repeat;
            background-size: cover;
            background-position: center;
      }
      .company_office_ttl_en_bg{
            font-size: 12rem;
            top: 80px;
      }
      .company_group_ttl_en_bg {
            font-size: 12rem;
            top: 80px;
      }
      .company_bnr_cont {
            max-width: 800px;
            margin: auto;
            margin-top: 50px;
      }
      .company_works_sec::after {
            display: none;
      }
}
@media (max-width: 576px){
      .company_greeting_ttl_en_bg{
            font-size: 6rem;
            top: 60px;
      }
      .company_greeting_txtarea_ttl_en {
            font-size: 4rem;
            letter-spacing: 1px;
      }
      .company_message_ttl{
            padding-top: 50px;
      }
      .company_greeting_mv img{
            height: 220px;
            object-fit: cover;
            object-position: center 20%;
      }
      .company_greeting_mv::before {
            right: 10px;
            top: 100px;
            width: 100px;
            height: 200px;
      }
      .company_greeting_txtarea {
            padding-bottom: 60px;
      }
      .company_message_sec {
            padding: 60px 0;
            padding-top: 0;
            background-color: #D6EDF9;
      }
      .company_message_txtarea {
            width: 100%;
      }
      .company_message_img {
            position: relative;
            top: 0;
            left: -4vw;
            min-width: initial;
            width: 110vw;
            margin-right: calc(50% - 50vw);
            margin-left: calc(50% - 50vw);
      }
      .company_works_sec::after{
            width: 130px;
            height: 60px;
            bottom: 310px;
            left: 5vw;
            background: url(../img/company/company_works_bg_icon.png) no-repeat;
            background-size: contain;
      }
      .company_message_ttl_en_bg {
            font-size: 6rem;
            top: 60px;
      }
      .company_office_ttl_en_bg{
            font-size: 6rem;
            top: 60px;
      }
      .company_group_ttl_en_bg {
            font-size: 6rem;
            top: 60px;
      }
}

/*    倉庫概要
=====================================================*/
.warehouse_point_mv_cont{
      width: 47.5%;
      margin-right: 5%;
}
.warehouse_point_mv_img{
      margin-left: calc(50% - 35vw);
}
.warehouse_point_mv_img img{
      /* max-height: 400px; */
      object-fit: cover;
      object-position: bottom;
}
@media (max-width: 1560px){
      .warehouse_point_mv_img img{
            max-height: 360px;
            object-fit: cover;
      }
}
@media (max-width: 1440px){
      .warehouse_point_mv_img{
            margin-left: calc(50% - 30vw);
      }
}
@media (max-width: 1280px){
      .warehouse_point_mv_img img{
            max-height: 360px;
            object-fit: cover;
      }
}
@media (max-width: 576px){}
.warehouse_point_txt_cont{
      width: 47.5%;
}
.warehouse_point_txt_ttl{
      position: relative;
      font-size: 2.6rem;
      font-weight: bold;
      color: #0092D7;
      line-height: 1.5;
      letter-spacing: 2px;
}
.warehouse_point_txt_ttl::before{
      content: "";
      display: block;
      position: absolute;
      top: -40px;
      left: 235px;
      width: 160px;
      height: 90px;
      background: url(../img/warehouse/ttl_icon.png) no-repeat;
      background-size: contain;
}

.warehouse_point_lst_itm{
      width: 30%;
      margin-right: 5%;
}
.warehouse_point_lst_itm:nth-child(3n){
      margin-right: 0;
}
.warehouse_point_lst_itm_img{
      height: 200px;
}
.warehouse_point_lst_itm_img img{
      height: 100%;
      object-fit: cover;
}
.warehouse_point_lst_itm_img::before{
      content: "";
      display: block;
      position: absolute;
      bottom: -1px;
      width: calc(100% - 20px);
      height: 30px;
      background-color: #fff;
      z-index: 1;
}
.warehouse_point_tag_lst_img{
      display: block;
      position: absolute;
      bottom: 15px;
      right: 2px;
      width: 90px;
      height: 92px;
      z-index: 1;
}
.warehouse_point_tag_lst_img img{
      height: 100%;
      object-fit: contain;
}
.warehouse_point_lst_num_cont{
      position: relative;
      letter-spacing: 1px;
      line-height: 1;
      margin-bottom: -5px;
      z-index: 1;
}
.warehouse_point_lst_num_en{
      font-size: 1.8rem;
}
.warehouse_point_lst_num{
      font-size: 2.6rem;
}
.warehouse_point_lst_ttl{
      position: relative;
      font-size: 1.8rem;
      font-weight: bold;
      color: #0092D7;
      margin-top: -15px;
      z-index: 2;
}
.warehouse_lst_itm {
      min-height: 330px;
}


.gallery_slider .slick-track {
      transform: unset !important;
}
.gallery_slider_img .warehouse_gallery_lst_img_02{
transition: opacity .3s linear;
}
.gallery_slider_img.slick-current .warehouse_gallery_lst_img_02{
opacity: 0;
}

.warehouse_gallery_lst_itm{
      width: 30% !important;
      margin-right: 5%;
}
.warehouse_gallery_lst_itm:nth-child(3n){
      margin-right: 0 !important;
}
.warehouse_gallery_lst_itm:nth-child(n+4){
      margin-top: 20px !important;
}
.warehouse_gallery_lst_tag_num{
      font-size: 2.2rem;
}

.warehouse_gallery_lst_img_02{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      opacity: 1;
}
.warehouse_gallery_lst_tag{
      position: relative;
      margin-bottom: -13px;
      z-index: 3;
      letter-spacing: 1px;
}

.warehouse_ttl_en_left_bg{
      font-size: 16rem;
      color: #eee;
      position: absolute;
      left: 0;
      top: 130px;
      line-height: 1;
      z-index: 1;
}

.warehouse_strength_ttl_en_bg{
      top: 210px;
}
.warehouse_gallery_ttl_en_bg{
      top: 180px;
}
@media (max-width: 896px){
      .warehouse_ttl_en_left_bg{
            font-size: 12rem;
      }
      .warehouse_point_mv_img {
            margin-left: calc(50% - 50vw);
            margin-right: calc(50% - 50vw);
            width: 100vw;
      }
}
@media (max-width: 576px){
      .warehouse_ttl_en_left_bg{
            font-size: 6rem;
            top: 50px;
            z-index: -1;
      }
      .warehouse_gallery_lst_itm{
            width: 30% !important;
            margin-right: 5%;
      }
      .warehouse_gallery_lst_itm:nth-child(2n){
            margin-right: 5% !important;
      }
      .warehouse_gallery_lst_itm:nth-child(3n){
            margin-right: 0% !important;
      }
      .warehouse_gallery_lst_itm:nth-child(n+3){
            margin-top: 0px !important;
      }
      .warehouse_gallery_lst_itm:nth-child(n+4){
            margin-top: 0px !important;
      }
      .warehouse_gallery_lst_tag{
            margin-bottom: -8px;
      }
      .warehouse_gallery_lst_tag_en{
            font-size: 1.3rem;
      }
      .warehouse_gallery_lst_tag_num{
            font-size: 1.5rem;
      }
}
.warehouse_dl.g_dl > div::before{

}
.warehouse_map{
      max-width: 800px;
      height: 450px;
      margin: auto;
}

.warehouse_movie_lst_itm{
      width: 100%;
      width: 260px;
      height: 400px;
      margin-right: 60px;
}
.warehouse_movie_lst_itm:nth-child(2n){
      margin-right: 0% !important;
}
.warehouse_movie_lst_itm video{
      width: 100%;
      height: 100%;
      object-fit: cover;
}
.gallery_slider .slick-track{
      width: 100% !important;
}

@media (max-width: 896px){
      .warehouse_point_mv_cont {
            width: 100%;
            margin-right: 0%;
      }
      .warehouse_point_txt_cont {
            width: 100%;
            margin-top: 60px;
      }
      .warehouse_point_txt_ttl {
            font-size: 2.2rem;
      }
      .warehouse_point_txt_ttl::before {
            content: "";
            display: block;
            position: absolute;
            top: -40px;
            left: 195px;
            width: 160px;
            height: 90px;
            background: url(../img/warehouse/ttl_icon.png) no-repeat;
            background-size: contain;
      }
      .warehouse_point_lst_itm {
            width: 100%;
            margin-right: 0%;
            max-width: 500px;
      }
      .warehouse_point_lst_itm + .warehouse_point_lst_itm{
            margin-top: 60px;
      }
      .warehouse_point_lst_itm_img {
            height: 260px;
      }
      .warehouse_map{
            height: 350px;
      }
      .warehouse_movie_lst_itm{
            width: 100%;
            width: 240px;
            height: 400px;
            margin-right: 60px;
      }
      .warehouse_dl_cont{
            max-width: 90%;
            margin: auto;
      }
      .warehouse_strength_ttl_en_bg{
            z-index: 1;
      }
}
@media (max-width: 576px){
      .warehouse_point_lst_itm_img {
            height: 200px;
      }
      .warehouse_map{
            height: 260px;
      }
      .warehouse_movie_lst_itm{
            width: 100%;
            max-width: 100%;
            height: 400px;
            margin-right: 0px;
      }
      .warehouse_movie_lst_itm:nth-child(2n){
            margin-top: 40px !important;
      }
      .warehouse_point_mv_img img{
            /* height: 240px; */
      }
      .warehouse_strength_ttl_en_bg{
            top: 65px;
            z-index: -1;
      }
      .warehouse_gallery_ttl_en_bg{
            top: 65px;
      }
}
.warehouse_dl.g_dl > div::before{
      background-color: #0092D7;
}
.warehouse_dl.g_dl > div:first-child::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 1px;
      width: 20%;
      background-color: #0092D7;
}
.warehouse_lower_ttl_en_l_bl{
      white-space: nowrap;
}
.gallery_mv_slider_img{
}
.gallery_mv_slider_img figure{
      height: 44vw;
      max-height: 600px;
      background-color: #f5fcff;
}
.gallery_mv_slider_img figure img{
      height: 100%;
      width: 100%;
      object-fit: contain;
      object-position: center;
}

.warehouse_ttl_feature{
      position: relative;
      z-index: 10;
}