/*---------------------------全体-------------------------*/
@media all and (-ms-high-contrast: none){
        #pc_nav{
            bottom:100px !important;
        }
        

      section#contents1{
     background-image: url(Dup/img/inoue.png);
     background-repeat: no-repeat;
    background-size: 26% !important;
    background-position: 10px 20px;
    background-color: white;
  
}

   
  #main_img .swiper-wrapper, #main_img .swiper-container{
      overflow-y:hidden !important;
      position:relative !important;
      height:720px !important;
  }
}


li.prev{
    padding:0 10px;
}
ul.pager li{
    background:#c4c4c4;
}
#contents2 h2,#contents3 h2{
    font-weight:bold;
}
div#peaple{
    background-image: url(Dup/img/peaple6.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 17%;
}
.recruite .box_txt1 {
    background: gray !important;
}

.more a:hover {
    background-color: #d0222282 !important;
}
.page_title_box{
    color:white !important;
}
footer{
    color:white !important;
}
#top_cms h2.t_interview::before {
       width: 200px;
    height: 200px;
    /* background: red; */
    display: block;
    position: absolute;
    opacity: 0.1;
    left: 80px;
    top: -10px;
    /* left: 100px; */
 
    content: url(Dup/img/txt7.png);
}
#top_cms h2.t_recruit::before {
   width: 200px;
    height: 200px;
    /* background: red; */
    display: block;
    position: absolute;
    opacity: 0.1;
    left: 80px;
    top: -10px;
    /* left: 100px; */
    content: url(Dup/img/txt6.png);
}
#top_cms h2.t_works::before {
        width: 200px;
    height: 200px;
    /* background: red; */
    display: block;
    position: absolute;
    opacity: 0.1;
    left: 80px;
    top: -10px;
    /* left: 100px; */
    content: url(Dup/img/txt5.png);
}
#top_cms h2.t_about::before {
       width: 200px;
    height: 200px;
    /* background: red; */
    display: block;
    position: absolute;
    opacity: 0.1;
    left: 80px;
    top:-10px;
    /* left: 100px; */
    content: url(Dup/img/txt4.png);
}
#top_cms h2.t_blog::before {
       width: 200px;
    height: 200px;
    /* background: red; */
    display: block;
    position: absolute;
    opacity: 0.1;
    left: 80px;
    top: -10px;
    /* left: 100px; */
    content: url(Dup/img/txt3.png);
}
#contents4 p.txt_color2{
    color:white;
}


#contents3 .posi_center {
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%,-50%);
}
#top_info{
    color:white !important;
}
.linkStyle{
    color:black !important;   
}
.top #contents2 .con_txt,.top #contents2 h2{
    color:white !important;
}
.sitemap .more a{
    background:#dddddd !important;
}
#cms_6-b .cate_title{
    color:black !important;
}
nav .txt_color_nomal{
    color:white !important;
}
body, .txt_color_nomal {
    color: black !important;
}
.cate_list li a {
    color: #000;
}
.b_g{
    background:#d02222;
}
.con_box::after{
      width: 200px;
    height: 200px;
    display: block;
    position: absolute;
    background-image: url(Dup/img/peaple.png);
    background-size: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    right: 0;
    z-index: -1;
    background-position: 80% 100%;
}
#contents2{
    margin-bottom:100px !important;
}

#txt1 img{
    width:820px;
}
#txt2 img{
    width:750px;

}
section#contents2 .con_box::before{
    background:#dddddd;
}
section#contents3 .con_box::before{
    background:#d02222;
    left:250px;
}
section#contents2 img{
    left:30% !important;
}
#contents2 .float_right{
    background:#d02222 !important;
}
#contents3 .float_left{
    background:white !important;
    color:black;
    text-shadow:none;
}
#top_info .con_box{
    background:#d02222 !important;
}
.more a{
    background:#d02222 !important;
}

.left_t::before{
    background:#d02222;
}
.cms_title::before {
    background:#d02222 !important;
}
#wrap{
    background:#f1f1f1 !important;
}


#top_cms .bg_color3{
    background:white !important;
}
#top_cms{
    color:black;
    text-shadow:none;
     background:white !important;
}
#top_cms .txt_color2{
    color:black !important;
}
body,#wrap{
    font-family: 'Noto Sans JP', sans-serif !important;
}
.ank{
    background:#d02222;
}
.sitemap p{
       color:rgb(0,0,0,0.7);
}
.linkStyle{
    color:white;
}
img.width_auto{
    width:230px !important;
    height:auto !important;
}
.logo{
    width:230px !important;
    height:auto !important;
}
section#contents1 h2{
    padding-right:0 !important;
    padding-left:0 !important;
}

.p_r{
    position:relative;
    z-index:1;
}
.p_r h2{
    padding-left:0 !important;
}

.content2_img{
    display:none;
    position: absolute;
    z-index: 1;
    width: 1020px;
    height: 85%;
    top: 50px;
    left: 30px;
}

.content3_img{
    display:none;
    position: absolute;
    z-index: 1;
    width: 1020px;
    height: 85%;
    top: 50px;
    right: 30px;
    opacity:0.5;
}


#main_b{
    position: absolute;
    z-index:1;
    width: 100%;
    top: 70px;
    text-align: center;
}
#tamesi{
    text-align: center;
    vertical-align: bottom;
    width: 75%;
    height: 720px;
    object-fit: cover;
}



.l_h{
    line-height:22px;
}

/*----------------------------スマホ以下-------------------------*/
@media screen and (max-width:667px){
    #sp_nav .width_300{
        font-size:16px !important;
    }
    #top_cms{
        padding-top:100px;
    }
    #txt1 img,#txt2 img{
    padding-bottom:10px !important;
}
    div#peaple {
    background-image: url(Dup/img/peaple6.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 75%;
}
    #txt1{
        background:white;
    }
    #contents1{
        background:white;
    }
    #contents1 .left_t{
    background-image:url("Dup/img/haikei3.png");
    background-position:bottom;
    background-repeat:no-repeat;
    background-size:100%;
}
 #top_cms h2.t_interview::before {
    width: 270px;
    height: 200px;
    background-repeat:no-repeat;
    display: block;
    position: absolute;
    content: "";
    top: -40px;
    left: 45px;
    background-image: url(Dup/img/txt7.png);
    background-size: 85%;
    opacity: 0.5;
}
    #top_cms h2.t_recruit::before {
    width: 220px;
    height: 200px;
    background-repeat:no-repeat;
    display: block;
    position: absolute;
    content: "";
    top: -40px;
    left: 60px;
    background-image: url(Dup/img/txt6.png);
    background-size: 100%;
    opacity: 0.5;
}
    #top_cms h2.t_works::before {
    width: 200px;
    height: 200px;
    /* background: red; */
    display: block;
    position: absolute;
    content: "";
    top: -40px;
    left: 80px;
    background-image: url(Dup/img/txt5.png);
    background-size: 100%;
    background-repeat: no-repeat;
    /* content: url(Dup/img/txt3.png); */
    opacity: 0.5;
}

    #top_cms h2.t_about::before {
    width: 200px;
    height: 200px;
    /* background: red; */
    display: block;
    position: absolute;
    content: "";
    top: -40px;
    left: 80px;
    background-image: url(Dup/img/txt4.png);
    background-size: 100%;
    background-repeat: no-repeat;
    /* content: url(Dup/img/txt3.png); */
    opacity: 0.5;
}
    #top_cms h2.t_blog::before {
    width: 150px;
    height: 200px;

    display: block;
    position: absolute;
    content: "";
    top: -40px;
    left: 130px;
    background-image: url(Dup/img/txt3.png);
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: 0.5;
}
        #contents3 .float_left{
  color:white !important;      
        
    }


   #contents2 .float_right,#contents3 .float_left{
    background: #0000004f !important;
}
#txt1,#txt2{
    text-align:center;
}
#txt1 img,#txt2 img{
    width:95% !important;
    padding:none !important;
}
#txt2 img{
    padding-right:0 !important;
}
    #main_b{
        top:65vw !important; 
        
    }
    #back{
        width:95% !important;
    }
    .content1_img {
    top: 60% !important;
    width: auto;
}
.content2_img,.content3_img {
    position: absolute;
    z-index: 1;
    width: 90% !important;
    left: 5% !important;
    top: 2% !important;
    height:auto !important;

}
}
/*----------------------------ここまで-------------------------*/
/*----------------------------スマホ以上タブレット以下-------------------------*/
@media screen and (min-width:668px) and (max-width:768px){
#pc_nav{
    position:relative !important;
    bottom:300px;
}
#contents1 .left_t{
    background-image:url("Dup/img/haikei3.png");
    background-position:bottom;
    background-repeat:no-repeat;
    background-size:100%;
}
  #contents1{
    background-color:white;
}
    div#peaple {
    background-size: 50%;
}
    #contents3 figure img{
            width: 1100px !important;
    }
    #contents3 .float_left h2{
        text-align:left;
    }
    #contents3 .float_left{
  color:white !important;      
        
    }


   #contents2 .float_right,#contents3 .float_left{
    background: #0000004f !important;
}
#txt1,#txt2{
    text-align:center;
}
#txt1{
    background:white;
}
#txt1 img,#txt2 img{
    width:90% !important;
    padding:none !important;
    padding-bottom:10px !important;
}
#txt2 img{
    padding-right:0 !important;
}
    #pc_nav {
    left: 40px;
    z-index: 2;
}
    
    .content1 img{
        width:auto !important;
    }
    .content3_img{
    position: absolute;
    z-index: 1;
    width: 95% !important;
    height:auto !important;
    top: 50px !important;
    left: 30px;
}
.content2_img{
    position: absolute;
    z-index: 1;
    width: 100% !important;
    height:auto !important;
    top: 50px !important;
    left: 30px;
}
#contents1{
    padding-bottom:100px;
}
#main_img {
    width: 100% !important;
    height:auto !important;
    top: 0px;
    overflow:hidden;
    position:relative;
}
#back {
    position: absolute;
    width: 92%;
    left: 4%;
    top: 280px;
     height:auto;
     opacity: 1;
}
}


/*----------------------------ここまで-------------------------*/

/*----------------------------タブレット以上-------------------------*/
@media screen and (min-width:769px){
    nav#pc_nav{
        position:relative !important;
        bottom:100px;
    }
    section#contents1{
      background-image: url(Dup/img/inoue.png);
    /* background-position: -450px -50px; */
    background-repeat: no-repeat;
    background-size: 28%;
    background-position: 10px 20px;
    background-color: white;
}

 

    #txt1,#txt2{
    width:100%;
    text-align:center;
    padding:100px 0;
}
#txt2{
    padding-top:0 !important;
}
#txt1{
    background:white;
}
#contents2 .float_right p{
        padding-right: 70px;
}
    #contents3 .float_left{
    position:relative;
    transform:skewX(10deg);
    right:100px;
    padding-left:150px;
    
}
#contents3 .float_left h2,#contents2 .float_right h2{
    text-align:center;
}
#contents3 .float_left p,#contents3 .float_left h2{
    transform:skewX(-10deg);
}

#contents2 .float_right{
    position:relative;
    left:100px;
    transform:skewX(10deg);
     padding-left: 80px;
}
#contents2 .float_right p,#contents2 .float_right h2{
    transform:skewX(-10deg);
}


    .top header{
    height:900px !important;
    background:#d02222 !important;
}
    .content1_img {
    top:30% !important;
    left:40% !important;
    height:900px !important;
    width:auto;
}
#pc_nav{
        bottom: 15px;
}
#main_img {
    width: 75% !important;
    height: 720px !important;
    overflow: hidden;
    position: relative;
    top: 70px;
    margin: auto;
}
#main_b{
    position: absolute;
    z-index:1;
    width: 100%;
    top: 70px;
    text-align: center;
}
#back{
    position: absolute;
    width: 92%;
    left: 4%;
    top: 120px;
    height: 450px;
    opacity:0.7;
}

}

@media screen and (max-width:320px){
    .cate h3.cate_title{
        font-size:16px !important;
    }
}
/*----------------------------ここまで-------------------------*/


<!---------------------ここからカラー------------------------------->
body,.txt_color_nomal{color: #333333 }
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #d02222} /* メインカラー */
.txt_color2{color: black;} /* サブカラー */
.txt_color3{color: #a4a4a4} /* アクセントカラー1 */
.txt_color4{color: #dddddd} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #d02222} /* メインカラー */
.bg_color2{background-color: #f2f2f2} /* サブカラー */
.bg_color3{background-color: #f1f1f1} /* アクセントカラー1 */
.bg_color4{background-color: #dddddd} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #d02222}
.border_color2{border-color: black;}
.border_color3{border-color: #a4a4a4}
.border_color4{border-color: #dddddd}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #d02222} /* メインカラー */
.hvr_txt_color2:hover{color: #f2f2f2} /* サブカラー */
.hvr_txt_color3:hover{color: #a4a4a4} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #dddddd} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #d02222} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f2f2f2} /* サブカラー */
.hvr_bg_color3:hover{background-color: #a4a4a4} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #dddddd} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #d02222}
.hvr_border_color2:hover{border-color: #f2f2f2}
.hvr_border_color3:hover{border-color:#a4a4a4}
.hvr_border_color4:hover{border-color: #dddddd}