@charset "utf-8";
article,footer,header,nav,section {display: block}
html{font-family:Avenir , "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" ,"Droid Sans Japanese" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-size:62.5%;-webkit-text-size-adjust:62.5%;-ms-text-size-adjust:62.5%;}
body { margin:0}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl{margin:0;padding:0;}
a:focus {outline:thin dotted}
a:hover,a:active {outline:0}
strong{font-weight:bold}
img{max-width:100%;vertical-align:middle;border:0}
li{padding:1%;list-style-type: none}
/* @normarize */
html{}
body{
font-size:90%;
text-align:center;
width:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
-webkit-text-size-adjust:100%;
}
a{
text-decoration:none;
color:#4169e1;
font-weight:bold;-o-transition-property:
color;transition-property;
-webkit-transition-property;
-moz-transition-property;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;}
a:visited{
background:none;
font-weight:normal;}
header{margin:2%;}
h1{font-size:3.5rem;-webkit-font-smoothing: subpixel-antialiased;font-family:testfont;
letter-spacing: -0.2rem;padding: 2%;
color:rgb(62,69,121);
text-shadow: 0.1rem 0.1rem rgba(169,169,169,0.7);
font-weight: bold;
line-height: 1.5;}
h2{
font-size:2.5rem;
color: rgb(216,41,116);
text-shadow:0.15rem 0.15rem rgba(153,153,153,0.7);}
h3{
font-size: 2.5rem;
letter-spacing: -0.2rem;
color:rgb(62,69,121);
text-shadow: 0.1rem 0.1rem rgba(169,169,169,0.7);
}
h4{
font-size:3rem;padding: 1%;}
footer{
color:rgb(62,69,121);
font-size: 1.5rem;
font-style:italic;
float:center;
}
p{font-size:2rem;font-weight: bold;color: rgb(216,41,116);
}
.info{font-size: 1.7rem;padding: 0 2%;color: rgb(62,69,121)}
.tojiru{position:fixed; right:0;bottom:0;padding: 2%;
font-size:3rem;color: rgb(62,69,121);}
/* @end */
/* @end @library */
/* @end @all device size */
/*@tablet(720-959)--------------------------------------------------------*/
@media (min-width:720px){
html{font-size:100%;}
header h1{padding-top: 10rem;}
h1{
font-size:5rem;
}
h2{
font-size:3rem;
}
h3{font-size: 2.7rem;}
a:hover,a:focus{
color:rgb(62,69,121);}
footer{
font-size:2.3rem;}
}
@media (min-width:960px){
html{font-size:115%;}
/* @group @default setup------------------------------------------------------*/
h1,h2{-webkit-font-smoothing:antialiased;}
h2{font-size:3rem;}
h3{font-size: 2.4rem;}
h4{font-size:2.2rem;}
p{font-size:1.3rem;
}
/* @end @default setup */
/* @group 80rem (1280px) - wide desktop---------------------------------------*/
@media (min-width:1280px){
/* @group @default setup------------------------------------------------------*/
html{font-size:150%;}
/* @end 80rem (1280px) - wide desktop --------------------------*/
/* @group @Print------------------------------------------------*/
@media print{
*{
background:transparent !important;
color:black !important;
text-shadow:none !important;
filter:none !important;
-ms-filter:none !important;
}
@page{margin:0.5cm;}
h2,h3{orphans:3;widows:3;page-break-after:avoid;}
p{orphans:3;widows:3;}
img{max-width:100% !important;page-break-inside:avoid;}
thead{display:table-header-group;}
tr{page-break-inside:avoid;}
pre,blockquote{border:1px solid #808080;page-break-inside:avoid;}
abbr[title]:after{content:" (" attr(title) ")";}
a,a:visited{color:#000000 !important;text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}
}
/* @end print */