/* .content-flex-box{
  grid-template-columns: repeat(1, 1fr);
} */

.content-text-box{
  height: auto;
}

.content-flex-box{
  gap: 10px;
}

.content-title {
  font-size: 1.4em;
  color: #54879F;
  line-height: 1.2em;
}

.logo-box {
  max-width: 420px;
  width: 100%;
}

.arrow-img{
  top: -4%;
}

.arrow-img.arrow-04,
.arrow-img.arrow-03,
.arrow-img.arrow-02{
  top: -2.5%;
}

.dev-content{
  width: 95%;
  padding: 5px;
  padding-left: 20px;
  font-size: 1.3em;
  padding-right: 50px;
}

/* .bg-color2 .dev-content{
  padding-right:60px;
} */
.text2{
  font-size: 1.1em;
}

.text-01{
  font-size: 1.4em;
}

.content-05 .text-01{
  max-width: 270px;
  padding-left: 14%;
}

.line1{
 width: 320px;
}

.content-05 .text2{
  padding-left: 15%;
  justify-content:initial;
}

.content-05 {
  right: -3.5%;
}

.content-04{
  right: 7%;
  top: 33%;
}

.content-01 .line1{
  width: 275px;
}


.content-03 .text2{
  margin-bottom: 10px;
}

/* .step-img{
  max-width: 900px;
} */

.step-01-box {
  left: -9%;
  max-width: 400px;
  top: 4%;
}

.way-text.step-02{
  right: -17%;
  max-width: 400px;
  top: 7%;
}

.way-text.step-03 {
  right: 0%;
  max-width: 420px;
  top: 50%;
}


.all-step-box{
  display: block;
}

.all-step-mb{
  display: none;
}

.content-text-box{
  width: 450px;
}
.content-01 .text2{
  max-width: 250px;
}



@media(max-width: 1600px){
  .rg-box .menu ul{
    gap: 20px;
  }
  .menu-box{
    padding: 0px 20px;
  }
  .menu li a{
    font-size: 1em;
  }
 
  .pc-menu li a{
    text-align: center;
  }
  
}


@media(max-width: 1395px){
  .arrow-img.arrow-04, .arrow-img.arrow-03, .arrow-img.arrow-02 {
    top: -2.4%;
}
}



@media(max-width: 1330px){

.way-text.step-02 {
  right: -5%;
  max-width: 300px;
  top: -2%;
}

}

@media(max-width: 1200px){
  .step-01-box {
    left: -4%;
  }

  .way-text.step-03 {
    right: 6%;
  }
  .step-img{
    max-width: 800px;
  }


}


@media(max-width: 1080px){
  .menu li a {
    font-size: 0.85em;
}

.way-text{
  font-size: 1.1em;

}
.way-text.step-02 {
  right: -2%;
}

}



@media(max-width: 1060px){

  .way-text.step-02 {
    right: 0%;
  }

  .step-01-box {
    left: 0%;
}


}



@media(max-width:991px){
  .menu li a {
    font-size: 1.1em;
  }

  .content-05 {
    right: 1.5%;
}

.content-02 .line1 {
  width: 346px;
}

.content-02{
  left: 2%;
}
.content-01{
  left: 2%;
}

.content-03 .text2{
  max-width: 260px;
}

.content-03 {
  top: 5%;
}

.content-03 .text2  span::after {
  top: 23%;
}
.logo-box{
  max-width: 320px;
  width: 100%;
}


.all-step-box{
  display: none; 
}

.all-step-mb{

  display: block;
}

.content-container.way-content-container{
  padding-bottom: 0px !important;
}

.step-01-box-mb{
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.step-01-box-mb img{
  width: 50px;
  height: 80px;

}








}


@media(max-width:950px){
  .content-05,
  .content-04,
  .content-03,
  .content-02,
  .content-01{
    position: initial;
  }
  
  .line1{
    display: none;
  }
  
  .air-content-text{
    padding-top: 0px;
  }
  
  .text2{
    margin-top: 0px;
  }
  .content-04 .text2,
  .content-02 .text2{
    margin-top: 0px;
  }
  
  .all-content-box{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    margin-top: 20px;
  }
  

  .content-04{
    align-items:initial;
    margin-top: 26px;
  }
  
  




  .content-05 .text2{
    display: flex;
    justify-content: flex-start;
  }
  
  .content-05 .text-01{
    justify-content: flex-start;
  }
  .content-04 .text2 .span-top::after {
    top: 46%;
  }
  
  .content-05 .line-span,
  .content-02 .line-span,
  .content-04 .line-span,
  .content-01 .line-span{
    display:block;
  }
  
  .line-span{
    height: 2px;
  }
  .text2{
    margin-top: 5px !important;
  }
  .content-05 .text2,
  .content-05 .text-01{
    padding-left: 0px;
    max-width: 100%;
  }
  .content-03{
    display:initial;
    transform:initial;
  }

  .text-01{
    font-size: 1.2em;
  }

  .line-span{
    display: block;
  }


  .content-03 .text2{
    margin-bottom: 0px;
  }


}





@media(max-width:860px){
  .content-01,
  .content-02{
    margin-top: 26px;
  }


}






@media(max-width:788px){
  .content-04{
    margin-top: 52px;
  }
}









@media(max-width:768px){
.all-content-box{

  grid-template-columns: repeat(2, 1fr);
}


.content-01,
.content-02,
.content-04{
  margin-top: 0px;
  }
  

  .content-text-box{
    width: 100%;
  }







}


@media(max-width:680px){

.content-02 .text2  span:last-child::after {
  top: 21%;
}











}

@media(max-width:550px){

  .content-04 .text2 > span::after  {
      top: 25%;
  }
  .content-02 .text2 span:last-child:after {
   top: initial;
}
  .content-02 .text2 span::after {
    top: 55% !important;
}
}

@media(max-width:450px){

  .all-content-box{

    grid-template-columns: repeat(1, 1fr);
  }
  .content-flex-box {
    grid-template-columns: repeat(1, 1fr);
}

  
}