@charset "utf-8";
/* CSS Document */

/* PC and Tablet ////////////////////////*/
@media screen and (min-width: 600px){

#information h1{ box-sizing:border-box; display:block; width:100%; padding: 15px 40px; font-size:157%; background-color:rgba(60,120,160,1.00); color:#FFF; font-weight: bold; text-align: left;}
#information h1 span{ display: inline-block; padding-left:20px; font-weight:normal; font-size:70%; }

#information section.infoList{ box-sizing:border-box; width:100%; padding:80px 0; border:10px solid #FFF; }
#information section.infoList a{ box-sizing:border-box; display:block; width:800px; margin:0 auto 2px; padding: 30px 65px; font-size:115%; text-decoration:none; background:#FFF; }
#information section.infoList a:hover{ color: inherit;background:#DBE6EF; }

}

/* SmartPhone  ////////////////////////*/
@media screen and (max-width: 599px){


#information h1{ box-sizing:border-box; display:block; width:100%; margin-top:60px; padding:15px 10px 10px 10px; font-size:112%; background-color:rgba(60,120,160,1.00); color:#FFF; font-weight: bold; text-align: left;}
#information h1 span{ display:block; margin-top:3px; font-weight:normal; font-size:63%; line-height:1.5em; }

#information section.infoList{ box-sizing:border-box;width:100%; padding:30px 0; border:4px solid #FFF; }
#information section.infoList a{ box-sizing:border-box; display:block; width:90%; margin:0 auto 2px; padding: 15px; font-size:100%; text-decoration:none; background:#FFF; }
#information section.infoList a:hover{ color: inherit;background:#DBE6EF; }

}