/* planning main-----------------------*/




#plan_main{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
@media screen and (max-width: 900px){
    .p_main-sp {height: 375px; background-image: url(../img/planning/planning_mv.png);}
    }
  
@media screen and (min-width: 900px){
      .p_main-pc {height: 550px; background-image: url(../img/planning/planning_mv.png);}
      }



/* planning-----------------------*/

#planning{
    background-color: #f6f6f6;
}

.icon:after{
    content: url(../img/planning/btn_icon.svg);
    position:relative;
    top:8px;
    padding-left: 10px;
}

.ml{
    margin-left: 20px;
}

@media screen and (min-width: 900px){
.bls{
    border-right: 1px solid;
}
}
@media screen and (max-width: 900px){
    .bls{
        border-bottom: 1px solid;

    }
    }

.nowr{
white-space: nowrap;
}

/* element-----------------------*/
@media screen and (min-width: 900px){
.basis{
    background-image: url(../img/planning/basis.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    margin: 0 auto;
}
.dev{
    background-image: url(../img/planning/dev.svg);
    background-repeat: no-repeat;
    background-position: 50% 120px;
    margin: 0 auto;
}
.m5{
    margin-left: 50%;
}
.b-h{
    height: 270px;
}
.d-h{
    height: 200px;
}
}

@media screen and (max-width: 900px){
    .basis{
        background-image: url(../img/planning/basis_sp.svg);
        background-repeat: no-repeat;
        background-position: right;
        margin: 0 auto;
    }
    .dev{
        background-image: url(../img/planning/dev_sp.svg);
        background-repeat: no-repeat;
        background-position: right;
        margin: 0 auto;
    }
    .b-h{
        height: 270px;
    }
    .d-h{
        height: 200px;
    }
    
    }




/* support-----------------------*/

#support{
    background-color: #f6f6f6;
}

 .sub-wrap{
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
  } 


.va{
    vertical-align:top;
}