@media (max-width: 1024px) {
body{
    min-width:755px;
}

/*--------- header ---------*/
header .logo img{
    height:40px;
}
nav{
    display: none;
}
.right_fixed{
    display: block;
}



/*--------- 縦書き文字 ---------*/
.main-visual__copy{
    font-size:11px;
}
.main-visual__copy .mv_bg2{
    margin:50px 10px 0 0 ;
}

/*--------- ナビメニュー ---------*/
.sticky-header{
    display:none;
}
  

/*----- ブログ -----*/

section.blog {
    width:90% !important;
    margin: 70px auto 50px auto !important;
}
  



/*--------our vision-------*/
#our_wrap{
    width:90%;
    padding:50px 0 100px 0;
}
#our_wrap .our_inner{
    top:55px;
    width:39%;
}
#our_wrap .our_inner .title{
    font-size:14px;
}  
#our_wrap .our_inner h2{
    font-size:18px;    
}
#our_wrap .our_inner .content{
    line-height:30px;
    padding:20px 0 30px 0;
}



/*--------　it project, care project　-------*/
#split_wrap h2{
    font-size:55px;
}
#split_wrap h3 {
    font-size: 18px;
}
.split-45-in{
    width: 80%;
    margin:65px auto;
}
.split .wrap{
    column-gap:15px;
}
.split .outer {
    margin-right:15px;
}
.split:nth-child(2) .outer {
    margin-left: 15px;
}
#split_wrap .content {
    margin-right: 110px;
}
.split:nth-child(1) .inner,
.split:nth-child(3) .inner{
    height:250px;
    width:780px;
}
.split:nth-child(2) .inner{
    width:300px;
    height:300px;
}
.split .more .maru {
    height: 30px;
    line-height: 30px;
    width: 30px;
}
#split_wrap .number img{
    width:60px;
}






/*-------- company team -------*/
#about_wrap .about{
    padding:50px 0;
}
#about_wrap .wrap{
    width:50%;
    padding:40px;
}


/*-------- contact -------*/
#contact .wrap{
    width:80%;
}
#contact .kakoi{
    width:250px;
}
#contact h3{
    font-size:17px;
    margin:20px 0 28px 0;
}  
#contact .tel{
    font-size:21px;
}
#contact .form{
    font-size:16px;
}
#contact .line-vertical{
    height:200px;
}




.footer_top{
    padding-top:34%;
}
/*------footer------*/
footer .logo{
    min-width:150px;
    height:70px;
}
footer .logo img{
    width:120px;
    margin-left:15px;
}
footer .inner{
    font-size:12px;
    height:70px;
}
footer .inner p{
    margin-left:15px;
}
footer .inner .call{
    padding-top:5px;
}
footer .sns{
    height:70px;
    width:20%;
}
footer .sns .sns_in{
    width:75%;
    max-width: 70px;
}
footer .sns img{
    height:30px;
}

  

}/*-- max-width:1024 end --*/








@media (max-width: 754px) {
body{
    min-width:100%;
    font-size:14px;
}
.sp_br{
    display:block;
}
.area{
    overflow :hidden;
}
    
/*--------- header ---------*/
header .logo{
    padding:10px 0 10px 20px;
}

/*-------- 背景アニメーション -------*/
.circles li:nth-child(1),
.circles li:nth-child(5){
    display:none;
}



/*-------- スライド -------*/
.main-visual{
    width:100%;
}


/*--------- ナビメニュー ---------*/
#mg-wprm-wrap li.menu-item a{
    padding:10px 0;
}


/*-------- 縦書き文字 -------*/
.main-visual__copy{
    writing-mode: inherit;
    left:5%;
    bottom:10%;
    top:inherit;
    letter-spacing: 3px;
}
.main-visual__copy .mv_bg1,
.main-visual__copy .mv_bg2{
  padding:5px;
}
.main-visual__copy .mv_bg2{
    display:inline-block;
    margin:10px 10px 0 0 ;
}



/*-------- ブログ　-------*/
section.blog {
    margin: 30px auto 0 auto !important;
}



/*--------our vision-------*/
#our_wrap{
    width:100%;
    padding:50px 0;
}
#our_wrap .our_inner{
    position:relative;
    top:-20px;
    width:80%;
    margin:0 auto;
    padding:20px 5%;
}
#our_wrap .our_v{
    padding:0;
    width:100%;
}
#our_wrap .our_inner h2{
    letter-spacing: 1px;
}  
#our_wrap .our_inner .content{
    font-size:14px;
}


/*------　はぐるま　------*/
#our_wrap .our .haguruma .logo01 img{
    right:20px;
    bottom:-50px;
}
#our_wrap .our .haguruma .logo02 img{
    right:-1px;
    bottom:-68px;
}
#our_wrap .our .haguruma .logo03 img{
    right:-9px;
    bottom:-40px;
}


/*--------it project, care project-------*/
#split_wrap .split{
    display:block;
}
#split_wrap .split:nth-child(2){
    display:flex;
    flex-direction:column-reverse;
}
#split_wrap h2 {
    font-size: 35px;
}
.split .wrap ,
.split:nth-child(2) .wrap{
    align-items: flex-start;
    width: 90%;
    margin: 30px auto;
    padding-bottom:60px;
}
.split .outer:last-child .wrap ,
.split:nth-child(2) .outer:last-child  .wrap{
    margin:30px auto 0 auto;
}

#split_wrap .content {
    margin-right: 0;
}
.split:nth-child(1) .inner,
.split:nth-child(3) .inner {
    height: 190px;
    width: 500px;
    left: -20px;
    top:-70px;
}
.split:nth-child(2) .inner {
    height: 210px;
    width:230px;
    left: -20px;
    top:-70px;
}
#split_wrap .split-45 {
    width: 100%;
}
#split_wrap .split-55 {
    width: 100%;
}
.split-45-in {
    width: 90%;
}
.split-55-in {
    padding: 0;
}
.split .outer {
    margin-right: 0;
}
.split:nth-child(2) .outer {
    margin-left: 0;
}
.split .outer .option ,
.split:nth-child(2) .outer .option{
    width: 100%;
    margin-top:0;
}
.split .more{
    bottom: 20px;
    right: 15px;
}



/*-------- company team -------*/
#about_wrap{
    display:block;
    margin:50px 0;
}
#about_wrap .about{
    width:100%;
    padding:30px 0;
}  
#about_wrap .wrap{
    width:80%;
    padding:20px;
}
#about_wrap .button a{
    text-align:right;
}




/*-------- contact -------*/
#contact{
    font-size:13px;
    padding:50px 0;
}
#contact .wrap .call, #contact .wrap .web {
    position:relative;
    width:100%;
}
#contact .wrap{
    display:block;
}
#contact .line-vertical{
    width: 100%;
    height: 1px;
    margin:30px 0;
}
#contact h2{
    margin-bottom:10px;
    font-size:25px;
    letter-spacing: 3px;
}
#contact h3{
    margin:0 0 10px 0;
    font-size:14px;
}
#contact .content{
    margin-bottom:30px;
}
#contact .kakoi{
    width:215px;
    margin:0 auto 10px auto;
    padding:15px 0;
    height:30px;
    line-height:30px;
}
#contact .kakoi a{
    height:30px;
    line-height:30px;
}
#contact .kakoi a:hover{
    background:rgba(255, 255, 255, 0);
}

  
  


/*-------- page top -------*/

.page{
    padding:50px 0;
}
.page img{
    width:auto;
    height:45px;
}
.footer_top{
background:url('../images/footer_top.jpg');
background-size: 100% auto;
background-repeat:no-repeat;
padding-bottom: 30px;
}
  



/*------footer------*/
footer{
    position:relative;
    padding-bottom:80px;
}
footer .logo{
    width:80%;
    min-width:50%;
}
footer .logo img{
    width:130px;
    margin-left:10px;
}  

footer .sns .sns_in{
     width:70%;
}
footer .inner{
    position:absolute;
    bottom:0;
    width:100%;
    height:70px;
    padding:5px 0;
}
  






}/*-- max-width:754 end --*/