@charset "utf-8";

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

#pagetitle{
  background: url(images/titlebg.jpg) center center no-repeat;
  background-size: cover;
}

#policy{
  margin-top: 60px;
}

#policy .article{
  margin-top: 40px;
}
#policy h4{
  font-size:22px;font-size:2.2rem;
  font-family:"NotoSansJP-5";
}
#policy h4 .an{
  display: inline-block;
  margin-right: 10px;
  color: #0064dc;
  font-size:36px;font-size:3.6rem;

}

#p1 dl{
  padding: 0 40px;
}
#p1 dt{
  font-size:18px;font-size:1.8rem;
  font-family:"NotoSansJP-5";
  margin-top: 20px;
}
#p1 dd{
  padding: 0px 20px;
}
#p1 dd > div{
  margin-top: 20px;
}

#p1 .fb{
  margin: 10px 16px;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
#p1 .fb .fb-right{
  padding: 10px;
  margin: 0 20px;
  background-color: #e7ebf0;
  border-radius:10px;
}

#p2 ul{
  padding: 0 40px;
}
#p2 ul li{
  margin-top: 10px;
}

#p3 ul{
  padding: 0 40px;
}
#p3 ul li{
  margin-top: 10px;
}

#p4 dl{
  padding: 0 20px;
}
#p4 dt{
  margin-top: 20px;
}
#p4 dd{
  padding:  10px 10px;
}
#p4 .fb{
  margin-top: 20px;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
#p4 .fb .fb-center{
  padding: 10px;
  margin: 0 20px;
  background-color: #e7ebf0;
  border-radius:10px;
}

#p5 dl{
  padding: 0 20px;
}
#p5 dt{
  margin-top: 20px;
}
#p5 dd{
  padding:  10px 10px;
}
#p5 .fb{
  margin: 20px 0;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
#p5 .fb .fb-center{
  padding: 10px;
  margin: 0 20px;
  background-color: #e7ebf0;
  border-radius:10px;
}


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

#pagetitle{
  background: url(images/titlebgsp.jpg) center center no-repeat;
  background-size: cover;
}

#policy{
  margin-top: 40px;
}

#policy .article{
  margin-top: 20px;
}
#policy h4{
  font-size:18px;font-size:1.8rem;
  font-family:"NotoSansJP-5";
}
#policy h4 .an{
  display: inline-block;
  margin-right: 6px;
  color: #0064dc;
  font-size:26px;font-size:2.6rem;
}

#p1 dl{
  padding: 0 10px;
}
#p1 dt{
  font-size:16px;font-size:1.6rem;
  font-family:"NotoSansJP-5";
  margin-top: 20px;
}
#p1 dd{
  padding: 0px 10px;
}
#p1 dd > div{
  margin-top: 10px;
}

#p1 .fb{
  margin: 10px 0px;
}
#p1 .fb .fb-right{
  padding: 10px;
  margin: 6px 0 10px 6px;
  background-color: #e7ebf0;
  border-radius:10px;
}

#p2 ul{
  padding: 0 10px;
}
#p2 ul li{
  margin-top: 10px;
}

#p3 ul{
  padding: 0 10px;
}
#p3 ul li{
  margin-top: 10px;
}

#p4 dl{
  padding: 0 10px;
}
#p4 dt{
  margin-top: 10px;
}
#p4 dd{
  padding:  10px 10px;
}
#p4 .fb{
  margin-top: 10px;
}
#p4 .fb .fb-center{
  padding: 10px;
  margin: 10px 0;
  background-color: #e7ebf0;
  border-radius:10px;
}

#p5 dl{
  padding: 0 10px;
}
#p5 dt{
  margin-top: 10px;
}
#p5 dd{
  padding:  10px 10px;
}
#p5 .fb{
  margin: 10px 0;
}
#p5 .fb .fb-center{
  padding: 10px;
  margin: 10px 0;
  background-color: #e7ebf0;
  border-radius:10px;
}

}