@charset "utf-8";

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

  h1{
    font-size:22px;font-size:2.8rem;
    font-family:"GenShinGothic-6";
    color: #25466f;
    text-align: center;
    margin-top: 40px;
  }
  h2{
    font-size:26px;font-size:2.6rem;
    font-family:"GenShinGothic-6";
    color: #25466f;
    line-height: 1.4;
    text-align: center;
  }
  h2 small{
    display: block;
    font-size:16px;font-size:1.6rem;
    font-family:"GenShinGothic-3";
  }

  #swct{
    margin-top: 20px;
  }

  #greeting{
    margin-top: 40px;
  }
  #greeting div{
    margin-top: 20px;
  }
  #greeting #ceo{
    margin-top: 10px;
    text-align: right;
  }
  #greeting #ceo strong{
    font-family:"NotoSerifJP-4";
    font-size:22px;font-size:2.2rem;
  }


  #business{
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("images/01.jpg");
    margin-top: 40px;
    padding: 80px 0;
    text-align: center;
  }
  #business1{
    padding: 40px 0;
    font-family:"GenShinGothic-6";
    font-size:24px;font-size:2.4rem;
 }
  #business2 a{
    background-color: #25466f;
    color: #fff;
    text-decoration: none;
    padding: 6px 40px;
    border-radius:5px;
  }


  #pickupmenu{
    margin-top: 40px;
    line-height: 1.4;
    color: #25466f;
    text-decoration: none;
  }
  #pickupmenu img{
    width: 400px;
  }
  #pickupmenu dt{
    font-family:"GenShinGothic-6";
    font-size:22px;font-size:2.2rem;
  }


  #area{
    margin-top: 40px;
    background-color: #f5fbfb;
    padding: 40px 0;
  }
  #area .fb{
    margin: 20px auto 0 auto;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;
    font-size:18px;font-size:1.8rem;
  }
  #area .fb dt{
    font-family:"GenShinGothic-6";
    font-size:22px;font-size:2.2rem;
    margin-bottom: 20px;
  }
  #area .fb_right{
    text-align: center;
  }
  #area .fb_right{
    text-align: center;
  }


  #info{
    margin-top: 40px;
  }
  #info ul{
    margin-top: 20px;
  }
  #info dt{
    font-family:"GenShinGothic-6";
  }
  #info dd{
    margin: 4px 10px;
  }



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


  h1{
    font-size:22px;font-size:2.2rem;
    font-family:"GenShinGothic-6";
    color: #25466f;
    text-align: center;
    margin-top: 40px;
  }
  h2{
    font-size:24px;font-size:2.4rem;
    font-family:"GenShinGothic-6";
    color: #25466f;
    line-height: 1.4;
    text-align: center;
  }
  h2 small{
    display: block;
    font-size:12px;font-size:1.2rem;
    font-family:"GenShinGothic-3";
  }

  #swct{
    margin-top: 20px;
  }

  #greeting{
    margin-top: 40px;
  }
  #greeting div{
    margin-top: 20px;
  }
  #greeting #ceo{
    margin-top: 10px;
    text-align: right;
  }
  #greeting #ceo strong{
    font-family:"NotoSerifJP-4";
    font-size:22px;font-size:2.2rem;
  }


  #business{
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("images/01s.jpg");
    margin-top: 40px;
    padding: 60px 0;
    text-align: center;
  }
  #business1{
    padding: 40px 0;
    font-family:"GenShinGothic-6";
    font-size:18px;font-size:1.8rem;
 }
  #business2 a{
    background-color: #25466f;
    color: #fff;
    text-decoration: none;
    padding: 6px 40px;
    border-radius:5px;
  }


  #pickupmenu{
    margin-top: 40px;
    line-height: 1.4;
    color: #25466f;
    text-decoration: none;
  }
  #pickupmenu img{
    width: 400px;
  }
  #pickupmenu dt{
    font-family:"GenShinGothic-6";
    font-size:22px;font-size:2.2rem;
  }


  #area{
    margin-top: 40px;
    background-color: #f5fbfb;
    padding: 40px 0;
  }
  #area .fb{
    margin: 20px auto 0 auto;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;
    font-size:16px;font-size:1.6rem;
    text-align: center;
  }
  #area .fb dt{
    font-family:"GenShinGothic-6";
    font-size:18px;font-size:1.8rem;
    margin: 10px 0 10px 0;
  }
  #area .fb dd strong{
    display: block;
    margin-bottom: 10px;
  }
  #area img{
    width: 60%;
    margin: 0 auto;
  }



  #info{
    margin-top: 40px;
  }
  #info ul{
    margin-top: 20px;
  }
  #info dt{
    font-family:"GenShinGothic-6";
  }




}