/*===============================

    1200px以下

================================*/
.container {
  padding: 0 20px;
}

.proccess .proccess_content img {
  width: 150px;
}
.contact {
  font-size: 2.4rem;
}

.proccess_content>div {
  width: 60%;
}

.proccess_content img {
  width: 40%;
}

.proccess .proccess_title {
  font-size: 2.8rem;
}

.proccess p {
  font-size: 1.8rem;
}

.proccess .step img:first-child {
  width: 90%;
}

.main_bg .main_lists li {
  font-size: 1.6rem;
}


/*===============================

    900px以下

================================*/
@media screen and (max-width: 900px) { 

  .contact {
    font-size: 2.0rem;
    padding: 10px 30px;
  }
  
  .title {
    font-size: 4.6rem;
  }
  
  .sub_title {
    font-size: 2.4rem;
  }
  
  .point {
    font-size: 3.2rem;
  }
  
  .examples .case_part .case_title {
    font-size: 2.2rem;
  }
  
  .examples .number {
    font-size: 3.8rem;
  }
  
  .jirei .case_txt p {
    font-size: 2.2rem;
  }
  
  .jirei .title_txts {
    font-size: 2.2rem;
    padding: 3% 3% 3% 3%;
    
  }
  
  .jirei .case_number {
    margin: 0px 71px 10px;
    padding-bottom: 0;
  }
  
  .jirei .case_number .large {
    font-size: 4.2rem;
  }
  
  .jirei .kadai_part {
    font-size: 2.4rem;
  }
  
  

  

  
}
/*===============================

    800px以下

================================*/
@media screen and (max-width: 800px) { 
  
  .contact {
    font-size: 1.6rem;
    padding: 7px 20px;
  }
  
  .contact .soudan {
    border: 1px solid #fff;
    padding: 5px 10px;
    margin-left: 10px;
  }
  
  .header_txts .header_part {
    font-size: 1.4rem;
  }


  

  
}