/* 0 px - 640 px */
@media screen and (max-width: 640px){
  A.logo,
  A.logo:link,
  A.logo:visited,
  .foto{
   width: 100%;
   float: none;
  }
  .foto{
    aspect-ratio: auto;
    height: auto;
  }
  .foto A:link, .foto A:visited{
    width: calc(100% - 40px);
    float: none;
    height: auto;
  }
  .foto A:link IMG, .foto A:visited IMG{
    width: 100%;
    height: auto;
  }
  .foto DIV.flr{
    padding: 30px 0px 0px 0px;
  }
}
/* 0 px - 1000 px */
@media screen and (max-width: 1000px){
  .rs_nev{ display: none; }
  .rs_block{ display: block; }
  .rs_center{ text-align: center; }
  .rs_nowrap{ white-space: nowrap; }
  
  .main{
    min-width: 0px;
    max-width: 90%;
    width: 90%;
  }
  .mainL, .mainP{
   float: none;
   width: 100%;
  }
  .mainP.right{ text-align: center; padding-top: 50px; }

  .bottom .mainL{ text-align: center; }
  .bottom .mainL A.fll, .bottom .mainL A.fll:link, .bottom .mainL A.fll:visited{
    display: inline-block;
    float: none;
    margin: 0px;
  }
  A.tel, A.tel:link, A.tel:visited{ font-size: 12vw; }
  A.eml, A.eml:link, A.eml:visited{ font-size: 7vw; }
  
  .copy, A.kao:link, A.kao:visited{
   float: none;
   margin: 20px 0px 0px 0px;
   text-align: center;
  }
  .bottom{
   width: 100%;
   min-width: 100%;
   max-width: 100%;
   padding: 50px 0px 100px 0px;
   text-align: center;
  }
}