body{
    background-color: ghostwhite;
}
.back img{
    position: absolute;
    top: 0;
    width: 100vw;
    height: 80vw;
    opacity: 0.6;
}
.header{
    position: absolute;
    width: 100vw;
}
.logo{
    display: flex;
    position: relative;
    top: 7vw;
    padding-left: 5vw;
    width: 100vw;
}
.logo img{
    z-index: 100;
}
.logo_text{
    position: relative;
    font-weight: 600;
    left: 1vw;
    top: 1vw;
    z-index: 100;
}
.logo_text.active{
    color: white;
}
.text1{
    position: relative;
    font-size: 1.8vw;
    left: 1vw;
}
.text2{
    font-size: 1.3vw;
}



/* //////メニューバーのスタイル //////////*/
.header_text1 {
    z-index: 5;
    position: relative;
    color: black; /* メニューバーのテキスト色 */
    display: flex; /* メニュー項目を水平に配置 */
    align-items: center; /* メニュー項目を垂直方向に中央揃え */
    font-weight: 550;
    margin-left: 35vw;
    top: 3.5vw;
    font-size: 1.3vw;
    width: 35vw;
    

}
.header_text1.active{
    color: white;
}

.header_text1.close{
    opacity: 0;
}

.home_head{
    color: black;
    border-bottom: 0.4vh solid #0074e8;
    padding-bottom: 2vh;
}
.home_head.active{
    color: white;
}

/* /////////メニューバーアニメーション///////// */
.call_head:hover{
    border-bottom: 0.4vh solid #0074e8;
    padding-bottom: 2vh;
    transition: 0.3s;
}

.access_head:hover{
    border-bottom: 0.4vh solid #0074e8;
    padding-bottom: 2vh;
    transition: 0.3s;
}
.company_head:hover{
    border-bottom: 0.4vh solid #0074e8;
    padding-bottom: 2vh;
    transition: 0.3s;
}
.work_head:hover{
    border-bottom: 0.4vh solid #0074e8;
    padding-bottom: 2vh;
    transition: 0.3s;
}
.header_text2{
    display: flex;
}
.header_text2 li{
    margin-right: 3vw;
}


/* お問合せボタン */
.call_btn{
    position: relative;
    z-index: 100;
    width: 9vw;
    top: 0;
    margin-left: 73vw;
    background-color: #0074e8;
    padding-top: 1vw;
    padding-bottom: 1vw;
    border-radius: 100px;
    cursor: pointer;
}
.call_btn h1{
    position: relative;
    color: black;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
}

.call_450_btn{
    display: none;
}



/*//////////ハンバーガーボタンになります/////////// */
.hum_btn{
    position: relative;
    background-color: #181818;
    z-index: 100;
    cursor:pointer;
    width: 5vw;
    height: 3.5vw;
    border-radius: 100px;
    margin-left: 85vw;
    top: -3.4vw;
}

.hum_btn h1{
    font-size: 4vw;
    color: #0074e8;
}
.hum_btn:hover{
    background-color: black;
}

.menu_close{
    opacity: 1;
    transition: .3s;
    position: relative;
    top: -1vw;
    left: 1.2vw;
}
.menu_close.active{
    opacity: 0;
    transition: .3s;
    position: relative;
    top: -1vw;
    left: 1.2vw;
}
.menu_open{
    opacity: 0;
    transition: .3s;
    position: relative;
    top: -5.5vw;
    left: 1.2vw;
}
.menu_open.active{
    opacity: 1;
    z-index: 900;
    transition: .3s;
    position: relative;
    top: -5.5vw;
    left: 1.2vw;
}



/* ///////////ハンバーガーコンテンツになります///////// */
.sp_menu{
    opacity: 0;
    position: absolute;
    transition: 0.5s;
    display: none;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
}
.sp_menu.active{
    display: block;
    opacity: 1;
    z-index: 5;
    background-color: rgb(45, 45, 45);
    width: 100%;
    height: 100%;
}

.menu_content{
    color: white;
    position: relative;
    padding-left: 10vw;
    left: 0vw;
    top: 20vw;
    width: 100vw;
}

.menu_content_res{
    display: none;
}

.com_info{
    position: absolute;
}
.com_info_title{
    color: #0074e8;
    font-size: 3vh;
    font-weight: bold;
    border-bottom:1px solid rgb(102, 102, 102);
    padding-bottom: 1.5vh;
    width: 17vw;
}
.com_info_list{
    margin-top: 3vh;
}
.com_info_list ul li{
    margin-bottom: 1vh;
}
.jigyou_info{
    position: relative;
    left: 23vw;
    width: 17vw;
}
.jigyou_info_title{
    color: #0074e8;
    font-size: 3vh;
    font-weight: bold;
    border-bottom:1px solid rgb(102, 102, 102);
    padding-bottom: 1.5vh;
    width: 17vw;
}
.jigyou_info_list{
    margin-top: 3vh;
}
.jigyou_info_list ul li{
    margin-bottom: 1vh;
}
.access_info{
    position: absolute;
    top: 0vw;
    left: 55vw;
    width: 17vw;
}
.access_info_title{
    color: #0074e8;
    font-size: 3vh;
    font-weight: bold;
    border-bottom:1px solid rgb(102, 102, 102);
    padding-bottom: 1.5vh;
    width: 17vw;
}
.call_info{
    position: relative;
    left: 0vw;
    top: 10vh;
}
.call_info_title{
    color: #0074e8;
    font-size: 3vh;
    font-weight: bold;
    border-bottom:1px solid rgb(102, 102, 102);
    padding-bottom: 1.5vh;
    width: 17vw;
}

/*///////////////会社情報ボックス/////////////// */
.company_pop{
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 0%;
    height: 0%;
    position: absolute;
}
.company_pop.active{
    top: 13vw;
    z-index: 3;
    opacity: 1;
    width: 100vw;
    height: 100vh;
    transition: 0.3s;
}
.company_box{
    position: relative;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgb(30, 30, 30);
    padding-top: 25vw;
    padding-bottom: 25vh;
    height: 50vh;
}
.company_box h1{
    position: relative;
    left: -35vw;
    font-size: 3vw;
    font-weight: 550;
    color: #0074e8;
}
.com_cont li{
    display: inline;
    font-size: 1.7vw;
    font-weight: 550;
    color: rgb(180, 180, 180);
    margin-right: 5vw;
    padding-bottom: 3vh;
    border-bottom: 1px solid ;
}
.com_cont{
    padding-top: 15vh;
    text-align: center;
}


/* ///////////会社情報のアニメーション///////////// */
.ceo_mes:hover{
    color: #0074e8;
    transition: .5s;
}
.comp:hover{
    color: #0074e8;
    transition: .5s;
}
.mem:hover{
    color: #0074e8;
    transition: .5s;
}
.his:hover{
    color: #0074e8;
    transition: .5s;
}

.menu_content_res{
    display: none;
}


/* //////////////////事業内容ボックス　///////////////////////// */
.jigyou_pop{
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 0%;
    height: 0%;
    position: absolute;
}
.jigyou_pop.active{
    top: 13vw;
    z-index: 3;
    opacity: 1;
    width: 100vw;
    height: 100vh;
    transition: 0.3s;
}
.jigyou_box{
    position: relative;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgb(30, 30, 30);
    padding-top: 25vw;
    padding-bottom: 25vh;
    height: 50vh;
}
.jigyou_box h1{
    position: relative;

    left: -35vw;
    font-size: 3vw;
    font-weight: 550;
    color: #0074e8;
}
.jigyou_cont li{
    display: inline;
    font-size: 1.7vw;
    font-weight: 550;
    color: rgb(180, 180, 180);
    margin-right: 5vw;
    padding-bottom: 3vh;
    border-bottom: 1px solid ;
}
.jigyou_cont{
    padding-top: 15vh;
    margin-left: -30vw;
    text-align: center;
}

/* ///////////会社情報のアニメーション///////////// */
.human_res:hover{
    color: #0074e8;
    transition: .5s;
}
.gyoumu_ukeoi:hover{
    color: #0074e8;
    transition: .5s;
}



/* ///////////////////スライダー設定///////////////// */
.slide-container {
    width: 100%;
    margin: 50px auto;
    margin-top: 10vw;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.slide-wrapper {
  display: flex;
  animation: slide-flow 180s infinite linear 1s both;
  background-color: black;
}
.slide{
  width: 100vw;
  opacity: .2;
  object-fit:cover;
}
@keyframes slide-flow {
     0% {transform: translateX(0);}
 100% {transform: translateX(-100%);}
}

.slide_text{
    position: absolute;
    top: 35vw;
    margin-left: 10vw;
}
.slide_text h1{
    color: white;
    font-weight: 600;
    font-size: 2vw;
}
.slide_text h2{
    color: white;
    font-size: 5vw;
    font-weight: 500;
    margin-top: 2vw;
}
.slide_text h3{
    color: #0074e8;
    font-size: 5vw;
    font-weight: bolder;
    margin-top: 1vw;
}
.slide_text h4{
    position: relative;
    top: 2vw;
    margin-left: 25vw;
    color: white;
    font-size: 3.5vw;
    font-weight: 500;
}
.slide_text h5{
    position: relative;
    top: -2vw;
    /* margin-left: 15vw; */
    color: white;
    font-size: 5vw;
    font-weight: bolder;
}
.slide_cont1{
    position: relative;
    color: white;
    top: 3vw;
    font-size: 3.5vw;
    font-weight: 500;
}
.slide_cont2{
    position: relative;
    top: 10vw;
    margin-left: -18vw;
    color: #0074e8;
    font-size: 5vw;
    font-weight: bolder;
}
.slide_cont3{
    position: relative;
    top: 12vw;
    left: 6vw;
    margin-left: 45vw;
    color: white;
    font-size: 3.5vw;
    font-weight: 500;
}
.slide_text h6{
    position: relative;
    top: 2vw;
    color: #0074e8;
    font-size: 5vw;
    font-weight: 800;
}
.slide_img{
    position: relative;
    top: -40vw;
    margin-left: 60vw;
    width: 25vw;
}
.slide_img2{
    position: relative;
    margin-left: 74vw;
    top: -15vw;
    width: 8vw;
    transition: 1s all;
}
.slide_img2:hover{
    margin-left: 78vw;
    transition: 1s all;
}
/* /////////////////////////////////////////// */

.fig{
    position: absolute;
    z-index: -1;
    top: 112vw;
    width: 40vw;
    height: 55vw;
    left: -1vw;
}
/* ///////////////要素設定////////////////////// */
.box_content{
    display: flex;
    justify-content: space-around;
    margin-top: 25vw;
}
.box1{
    width: 40vw;
    height: 40vw;
    background-color: black;
    border-radius: 2%;

}
.box1 img{
    width: 40vw;
    height: 40vw;
    border-radius: 2%;
    opacity: .6;
    transition: 1s all;
}
.box1.active img{
    transition: 1s all;
    opacity: .4;
}
.box1 h1{
    position: relative;
    top: -12vw;
    margin-left: 4vw;
    color: white;
    font-weight: bolder;
    font-size: 2vw;
    letter-spacing: 1px;
}

.box2{
    width: 40vw;
    height: 40vw;
    background-color: black;
    border-radius: 2%;
}
.box2 img{
    width: 40vw;
    height: 40vw;
    border-radius: 2%;
    opacity: .6;
    transition: 1s all;
}
.box2.active img{
    transition: 1s all;
    opacity: .4;
}
.box2 h1{
    position: relative;
    top: -12vw;
    margin-left: 4vw;
    color: white;
    font-weight: bolder;
    font-size: 2vw;
    letter-spacing: 1px;
}

/* ///////////////box1　平行四辺形///////////////////// */
.box1_text {
    position: relative;
    top: -10.5vw;
    margin-left: 17vw;
    z-index: 1;
    text-align: center;
    width: 21vw;/*平行四辺形の横幅*/
    height: 5vw;/*平行四辺形の高さ*/
  }
  .box1_text::before {
    transform: skewX(-30deg);/*平行四辺形の角度*/
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background: #0074e8;/*平行四辺形の色を指定*/
  }
  .box1_text h1{
    position: relative;
    left: -8vw;
    top: 1.4vw;
    width: 30vw;
    transition: 0.5s all;
  }
  .box1_text.active h1{
    left: -5vw;
    transition: 0.5s all;
  }



  /* ////////////box2　平行四辺形///////////////// */
  .box2_text {
    position: relative;
    top: -10.5vw;
    margin-left: 17vw;
    z-index: 1;
    text-align: center;
    width: 21vw;/*平行四辺形の横幅*/
    height: 5vw;/*平行四辺形の高さ*/
  }
  .box2_text::before {
    transform: skewX(-30deg);/*平行四辺形の角度*/
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background: #0074e8;/*平行四辺形の色を指定*/
  }
  .box2_text h1{
    position: relative;
    left: -8vw;
    top: 1.4vw;
    width: 30vw;
    transition: 0.5s all;
  }
  .box2_text.active h1{
    left: -5vw;
    transition: 0.5s all;
  }


/* //////////派遣事業　設定////////////////// */
.haken_title{
    margin-top: 35vw;
    margin-left: 4vw;
    font-size: 3vw;
    font-weight: 600;
    width: 47vw;
}
.haken_title h1{
    position: relative;
    padding-left: 70px;
  }
.haken_title h1:before {
    position: absolute;
    content: '';
    bottom: -15px;
    left: 0;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 40px transparent;
    border-bottom: solid 25px #0074e8;
}
.haken_title h1:after {
    position: absolute;
    content: '';
    bottom: -15px;
    left: 10px;
    width: 100%;
    border-bottom: solid 5px;
    border-image: linear-gradient(60deg, rgba(0,116,232,1) 30%, rgba(0,212,255,1) 55%);
    border-image-slice: 1;
  }

.haken_text{
    margin-top: 12vw;
    margin-left: 6vw;
}
.haken_text h1{
    font-size: 2vw;
    font-weight: 600;
}

.haken_text p{
    margin-top: 4vw;
    margin-left: 5vw;
    font-size: 1.5vw;
    font-weight: bold;
}

.haken_res1{
    display: none;
}

.haken_res2{
    display: none;
}

/* スライダー設定 */
.slide-container2 {
    width: 45%;
    margin-top: -17vw;
    margin-left: 50vw;
    display: flex;
    align-items: center;
    overflow: hidden;
    transform: skewX(-15deg);
    border-radius: 1.2em;
}
.slide-wrapper2 {
  display: flex;
  animation: slide-flow 60s infinite linear 1s both;
}
.slide2{
  width: 40vw;
  object-fit:cover;
  border: 3px solid ghostwhite;
  opacity: .8;
  transform: skewX(15deg);
  border-radius: 1.2em;
}
@keyframes slide-flow {
     0% {transform: translateX(0);}
 100% {transform: translateX(-100%);}
}


/* //////////////////アクセストップ///////////////////// */
.access_box{
    margin-left: -8vw;
    margin-top: -4vw;
    padding-top: 3vw;
    width: 100vw;
    height: 31vw;
    background-color: rgb(90, 90, 90);
    font-size: 2vw;
    font-weight: 600;
    margin-bottom: 0vw;
}
.access_box h1{
    padding-bottom: 0.6vw;
    color: white;
    width: 5vw;
    border-bottom:2px solid #0074e8;
    cursor: pointer;
    transition: 0.3s;
}
.access_box h1:hover{
    width: 19.5vw;
    transition: 0.8s all;
}
.access_box_title{
    margin-left: 10vw;
    padding-left: 3vw;
    width: 30vw;
    height: 25vw;
    background-color: rgb(90, 90, 90);
    border-right: 1px solid #a4a4a4;
    border-left: 1px solid #a4a4a4;
}
.access_box_map iframe{
    width: 35vw;
    height: 20vw;
    margin-left: 6.5vw;
    margin-top: 2.5vw;
    
}
.access_box_map{
    position: relative;
    top: -25vw;
    left: 40vw;
    width: 47vw;
    height: 25vw;
    border-right: 1px solid #a4a4a4;
    margin-right: 4vw;

}


/* ///////////////////お問合せトップ////////////////// */
.call_box{
    margin-left: -8vw;
    padding-top: 3vw;
    width: 100vw;
    height: 17vw;
    background-color: rgb(75, 75, 75);
    font-size: 4vw;
    font-weight: 600;
    margin-bottom: 0vw;
}
  .call_box_title{
    color: white;
    font-size: 2vw;
    margin-left: 10vw;
    padding-left: 3vw;
    border-right: 1px solid #a4a4a4;
    border-left: 1px solid #a4a4a4;
    width: 30vw;
    height: 11vw;
    
  }
  .call_box_title h1{
    position: relative;
    display: inline-block;
    margin-bottom: 0.5vw;
    width: 27vw;
  }
  .call_box_title h1:before {
    content: '';
    position: absolute;
    left: 0%;
    bottom: -1vw;/*線の上下位置*/
    display: inline-block;
    width: 5vw;/*線の長さ*/
    height: 2px;/*線の太さ*/
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*位置調整*/
    background-color: #0074e8;/*線の色*/
    transition: .3s all;
  }
  .call_box_title h1:hover:before{
    width: 20vw;
    transition: 0.8s all;
  }
  .call_box_text{
    position: relative;
    top: -11vw;
    left: 47vw;
    font-size: 1.4vw;
    font-weight: 100;
    width: 40vw;
    height: 11vw;
    color: white;
    line-height: 3vw;
    padding-right: 5vw;
    border-right:1px solid #a4a4a4;
  }

  .call_box_btn{
    position: relative;
    top: -14vw;
    left: 62vw;
    font-size: 1.4vw;
    font-weight: lighter;
    background-color: #0074e8;
    width: 19vw;
    padding-left: 2vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    border-radius: 10px;
  }
  .call_box_btn h1{
    position: relative;
    left: 0vw;
    transition: 0.3s all;
  }
  .call_box_btn h1:hover{
    left: 3vw;
    transition: 0.8s all;
  }
  .call_res_btn{
    display: none;
    font-size:5px;
    background-color: #0074e8;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 80px;
    border-radius: 5px;
  }


  /* /////////フッター////////////////// */
  footer{
    background-color: #2E3642;
    padding-top: 1vw;
    padding-bottom: 1vw;
  }
  footer span{
    display: block;
    text-align: center;
    color: white;
  }
 
  .logo_footer{
    display: flex;
    background-color: rgb(65, 65, 65);
  }
  .logo_footer_img{
    width: 12vw;
    height: 7vw;
    margin-top: 4vw;
    margin-left: 3vw;
  }
  .logo_footer_text{
    margin-left: 2vw;
    margin-top: 5.5vw;
    color: white;
    font-weight: bolder;
  }
  .footer_text1{
    font-size: 2vw;
    margin-left: 1.1vw;
  }
  .footer_text2{
    font-size: 1.5vw;
  }



  /* /////////////サイトマップ /////////////////////*/

  .sitemap{
    margin-top: 20vw;
    padding-bottom: 10vw;
    padding-top: 2vw;
    padding-left: 8vw;
    background-color: rgb(65, 65, 65);
  }
.sitemap_content{
    display: flex;
    margin-left: 5vw;
    margin-top: 10vw;
   
}
.com_info_sitemap h1{
    color: #0074e8;
    font-size: 1vw;
    font-weight: bolder;
    width: 10vw;
    padding-bottom: 1vw;
    border-bottom: 0.5px solid #a4a4a4;
}
.com_info_sitemap_list{
    color: white;
    font-size: 0.8vw;
    margin-top: 1vw;
    line-height: 2.3vw;
}

.jigyou_info_sitemap{
    margin-left: 3vw;
}
.jigyou_info_sitemap h1{
    color: #0074e8;
    font-size: 1vw;
    font-weight: bolder;
    width: 10vw;
    padding-bottom: 1vw;
    border-bottom: 0.5px solid #a4a4a4;
}
.jigyou_info_sitemap_list{
    color: white;
    font-size: 0.8vw;
    margin-top: 1vw;
    line-height: 2.3vw;
}

.access_sitemap{
    margin-left: 3vw;
}
.access_sitemap h1{
    color: #0074e8;
    font-size: 1vw;
    font-weight: bolder;
    width: 10vw;
    padding-bottom: 1vw;
    border-bottom: 0.5px solid #a4a4a4;
}

.call_sitemap{
    margin-left: 3vw;
}
.call_sitemap h1{
    color: #0074e8;
    font-size: 1vw;
    font-weight: bolder;
    width: 10vw;
    padding-bottom: 1vw;
    border-bottom: 0.5px solid #a4a4a4;
}


.sitemap_450{
    display: none;
}
  





@media screen and (max-width:780px) {
    .menu_content{
        display: none;
    }
    .menu_content_res{
        display: block;
        position: relative;
        left: 10vw;
        top: 30vw;
    }
    .text2{
        display: none;
    }

    .header_text1{
        display: none;
    }

    .logo img{
        width: 20vw;
    }
    .logo{
        position: absolute;
        top: 40px;
        left: 20px;
    }

    .logo_text{
        position: relative;
        font-weight: 600;
        top: 3vw;
        left: 8px;
    }

    .text1{
        font-size: 2.5vw;
        margin-left: 2px;
    }

    /* お問合せボタン */
    .call_btn{
        position: relative;
        width: 11vw;
        top: 47px;
        left: 0vw;
        padding-top: 1vw;
        padding-bottom: 1vw;
    }
    .call_btn h1{
        position: relative;
        font-size: 1.5vw;
    }

    /* /////////ハンバーガーボタン////////////// */
    .hum_btn{
        position: absolute;
        width: 6vw;
        height: 4vw;
        left: 0vw;
        top: 45px;
    }
    .hum_btn h1{
        font-size: 4.5vw;
        color: #0074e8;
        left: 1.5vw;
    }

    .menu_open{
        position: relative;
        top: -47px;
        left: 1.5vw;
    }

    .menu_open.active{
        position: relative;
        top: -6vw;
        left: 1.5vw;
    }



    /* //////////////////////////////780px以下 /////////////////////////////*/
    /* ハンバーガー内　会社情報 */
    .com_info_title_res{
        color: #0074e8;
        font-size: 3.5vw;
        font-weight: bold;
        border-bottom:1px solid rgb(102, 102, 102);
        padding-bottom: 5vw;
        width: 80vw;
    }
    .com_info_list_res li{
        color: white;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .com_info_list_res{
        display: none;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    .com_info_list_res.active{
        display: block;
    }

    /* ハンバーガー内　事業内容 */
    .jigyou_info_title_res{
        color: #0074e8;
        font-size: 3.5vw;
        font-weight: bold;
        border-bottom:1px solid rgb(102, 102, 102);
        padding-bottom: 0.8vw;
        margin-top: 5vw;
        width: 80vw;
    }
    .jigyou_info_list_res li{
        color: white;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .jigyou_info_list_res{
        display: none;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    .jigyou_info_list_res.active{
        display: block;
    }

    /* ハンバーガー内　アクセス */
    .access_info_title_res{
        color: #0074e8;
        font-size: 3.5vw;
        font-weight: bold;
        border-bottom:1px solid rgb(102, 102, 102);
        padding-bottom: 5vw;
        margin-top: 5vw;
        width: 80vw;
    }

    /* ハンバーガー内　アクセス */
    .call_info_title_res{
        color: #0074e8;
        font-size: 3.5vw;
        font-weight: bold;
        border-bottom:1px solid rgb(102, 102, 102);
        padding-bottom: 5vw;
        margin-top: 5vw;
        width: 80vw;
    }


    /* /////////////////////ハンバーガー内　ボタン /////////////////////*/
    /* //////////会社情報 /////////////*/
    .res_btn{ 
        cursor: pointer;
    }
    .sub_menu_open{
        position: absolute;
        left: 75vw;
        top: 0vw;
        opacity: 1.0;
        transition: .5s;
    }
    .sub_menu_open.active{
        opacity: 0;
    }
    .sub_menu_close{
        position: absolute;
        left: 75.5vw;
        top: 0vw;
        opacity: 0;
    }
    .sub_menu_close.active{
        opacity: 1.0;
        transition: .5s;
    }

    /* //////////////事業内容 //////////////*/
    .res_btn2{
        cursor: pointer;
    }
    .sub_menu_open2{
        position: relative;
        left: 75vw;
        top: -4vw;
        opacity: 1;
        transition: .5s;
    }
    .sub_menu_open2.active{
        opacity: 0;
    }
    .sub_menu_close2{
        position: relative;
        left: 71vw;
        top: -4vw;
        opacity: 0;
    }
    .sub_menu_close2.active{
        opacity: 1;
        transition: .5s;
    }

    .slide-container {
        margin-top: 22vw;
    }
}



@media screen and (max-width:650px) {
    .call_box_text{
        line-height: 2.3vw;
      }
      .call_box_btn{
        display: none;
      }
      .call_res_btn{
        display: block;
        position: relative;
        top: -15vw;
        left: 68vw;
      }
      .call_res_btn h1{
        position: relative;
        left: 0vw;
        transition: 0.3s all;
      }
      .call_res_btn h1:hover{
        left: 3vw;
        transition: 0.8s all;
      }
      .call_sitemap h1{
        width: 15vw;
    }
    .haken_text1{
        display: none;
    }
    .haken_res1{
        display: block;
    }
    .haken_text2{
        display: none;
    }
    .haken_res2{
        display: block;
    }

    .slide-container2 {
        width: 45%;
        margin-top: -30vw;
    }
}


@media screen and (max-width:600px){
    .logo img{
        width: 20vw;
    }
    .logo{
        position: absolute;
        top: 45px;
        left: 30px;
    }
    .logo_text{
        font-weight: 600;
        top: 15px;
        left: 8px;
    }
    .text1{
        font-size: 15px;
        margin-left: 2px;
    }

        /* お問合せボタン */
        .call_btn{
            position: relative;
            width: 75px;
            top: 50px;
            right: 0vw;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .call_btn h1{
            position: relative;
            font-size: 10px;
        }

        /* /////////ハンバーガーボタン////////////// */
        .hum_btn{
            position: relative;
            width: 39px;
            height: 30px;
            left: 4vw;
            top: 20px;
        }
        .hum_btn h1{
            position:relative;
            top: -8px;
            font-size: 35px;
            color: #0074e8;
            left: 1.5vw;
        }
        .menu_close.active{
            position: absolute;
            top: -8px;
            left: 8px;
        }
        .menu_open{
            position: absolute;
            top: -8px;
            left: 8px;
        }
        .menu_open.active{
            position: absolute;
            top: -8px;
            left: 8px;
        }

        .slide-container {
            margin-top: 16vw;
        }
}




@media screen and (max-width:450px) {
    /* お問合せボタン */
    .call_btn{
        display: none;
    }
    .call_450_btn{
        display: block;
        position: absolute;
        z-index: 10;
        top: 52px;
        right: 14vw;
        font-size: 13px;
        font-weight: 600;
        background-color: #0074e8;
        width: 55px;
        padding-top: 3px;
        padding-bottom: 3px;
        border-radius: 100px;
    }
    .call_450_btn h1{
        text-align: center;
    }
	.logo img{
        width: 25vw;
    }
    .logo{
        position: absolute;
        top: 45px;
        left: 0px;
    }
    .logo_text{
        font-weight: 600;
        top: 7px;
        left: 0px;
    }
    .text1{
        font-size: 15px;
        margin-left: 2px;
    }

        /* /////////ハンバーガーボタン////////////// */
        .hum_btn{
            position: absolute;
            width: 33px;
            height: 23px;
            right: 0vw;
            top: 50px;
        }
        .hum_btn h1{
            position:relative;
            top: -8px;
            font-size: 30px;
            color: #0074e8;
            left: 1.5vw;
        }
        .menu_close.active{
            position: absolute;
            top: -8px;
            left: 7px;
        }
        .menu_open{
            position: absolute;
            top: -8px;
            left: 8px;
        }
        .menu_open.active{
            position: absolute;
            top: -8px;
            left: 7px;
        }
        .slide-container {
            margin-top: 33vw;
        }

        .slide-container2 {
            width: 40%;
            height: 90%;
            margin-top: -30vw;
            margin-left: 56vw;
        }

        .call_box_text{
            line-height: 4vw;
     
            
          }

          .call_box{
            height: 30vw;
        }
        

        .call_res_btn{
            display: block;
            position: relative;
            top: -6vw;
            left: 63vw;
          }


    /* レスポンシブサイトマップ */
    .sitemap{
        display:none;
    }
    .sitemap_450{
        margin-top: 30vw;
        display:block;
        background-color: rgb(65, 65, 65);
        padding-top: 5vw;
        padding-left: 5vw;

    }
    .logo_footer_450{
        display: flex;
    }
    .logo_footer_img_450{
        width: 17vw;
        height: 10vw;
    }
    .logo_footer_text_450{
        color: white;
        margin-top: 1vw;
        margin-left: 3vw;
        font-weight: bolder;
    }
    .footer_text1_450{
        font-size: 3vw;
        margin-left: 3vw;
    }
    .footer_text2_450{
        font-size: 2vw;
        margin-left: 2vw;
    }
    .menu_450{
        margin-left: 10vw;
        margin-top: 10vw;
        padding-bottom: 10vw;
    }

    /* ////////////　会社情報　サイトマップ///////// */
    .com_title_450{
        display: flex;
        color: #0074e8;
        font-size: 3.5vw;
        width: 68vw;
        padding-bottom: 3vw;
        font-weight: bolder;
        border-bottom: 1px solid #a4a4a4;
    }
    .com_list_450{
        margin-top: 5vw;
        font-size: 3.5vw;
        color: white;
        line-height: 5vw;
        display: none;
    }
    .com_list_450.active{
        display: block;
    }
    .btn1{
        margin-left: 50vw;
    }
    .btn1_1{
        cursor: pointer;
    }
    .btn1_1.active{
        display: none;
    }
    .btn1_2{
        display: none;
        position: relative;
    }
    .btn1_2.active{
        display: block;
    }


    /* ///////　事業内容　　サイトマップ/////// */
    .jigyou_title_450{
        display: flex;
        color: #0074e8;
        font-size: 3.5vw;
        width: 68vw;
        padding-bottom: 3vw;
        font-weight: bolder;
        border-bottom: 1px solid #a4a4a4;
    }
    .jigyou_list_450{
        margin-top: 5vw;
        font-size: 3.5vw;
        color: white;
        line-height: 5vw;
        display: none;
    }
    .jigyou_list_450.active{
        display: block;
    }
    .btn2{
        margin-left: 50vw;
    }
    .btn2_1{
        cursor: pointer;
    }
    .btn2_1.active{
        display: none;
    }
    .btn2_2{
        display: none;
        position: relative;
    }
    .btn2_2.active{
        display: block;
    }

    .access_title_450{
        display: flex;
        color: #0074e8;
        font-size: 3.5vw;
        width: 68vw;
        padding-bottom: 3vw;
        font-weight: bolder;
        border-bottom: 1px solid #a4a4a4;
    }

    .call_title_450{
        display: flex;
        color: #0074e8;
        font-size: 3.5vw;
        width: 68vw;
        padding-bottom: 3vw;
        font-weight: bolder;
        border-bottom: 1px solid #a4a4a4;
    }

}