@charset "utf-8";

@media print,screen and (min-width : 501px) {

  h2{
    background-color: #25466f;
    color: #fff;
    padding: 4px 20px;
    display: inline-block;
    font-size:26px;font-size:2.6rem;
    border-radius:5px;
    font-family:"GenShinGothic-6";
  }

#contact_tel{
  margin-top: 40px;
}
#contact_tel1{
  margin-top: 20px;
}
#contact_tel2 a{
  font-size:32px;font-size:3.2rem;
    font-family:"GenShinGothic-5";
    color: #25466f;
}


#contact_mail{
  margin-top: 40px;
}


  #progress{
    margin-top:20px;
    display:flex;
    -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;
  }
  #progress li{
    width: 100%;
    padding: 10px 0;
    background-color: #dfdfdf;
  }
  #progress li p{
    width: 100%;
    text-align: center;
  }
  #progress li:nth-child(2),
  #progress li:nth-child(4){
    width:46px;
    padding: 10px;
    background-color: #fff;
  }


}
@media screen and (max-width : 500px) {

#progress{
  margin-top:20px;
  display:table;
}
  #progress li{
    margin-top:20px;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    margin-right:10px;
  }
  #progress li p{
    width:150px;
    height:50px;
    border:solid 1px #000000;
    display:table-cell;
    vertical-align:middle;
    font-size:14px;font-size:1.4rem;
  }
  #progress li:nth-child(2),
  #progress li:nth-child(4){
    width:20px;
  }

}