html { font-size: 62.5%;}

body,p,ul,td,th{margin: 0;padding: 0;}
hr{
margin:0 0 3rem;
padding:0;
line-height:0;
}


a{color:#0066ff;}

body {
margin:0;
font-family: "UD新ゴNT M", "Arial", "メイリオ";
}

h1{font-size:100%;line-height:0;}

h2{
border:1px solid;
font-size:2rem;
line-height:2;
padding: 1rem 0 0;
margin:0 0 3rem;
color:#fff;
height:5rem;
background-color:#ff9966;
text-align:center;
}
h3{
font-size:2rem;
line-height:0;
color:#696;
padding:2rem 10px 15px;
border-bottom: 1px solid #696;
}

h4{
margin:0 10px 1rem;
padding:5px 10px;
font-size:1.7rem;
background-color:#aaccff;
color:#003399;
}


div#header{
margin:0 auto;
padding:1rem 3rem;
background:no-repeat url(../img/icon.png) center;
background-size:100px;
background-position:top center;
background-color: #FFF5CA;
}

div#header p{
text-align:center;
margin:100px auto 0;
font-size: calc(1.25vw + 1.5rem);
line-height:1.2;
display:block;
font-weight:bold;
}

#header span{
font-size: calc(1.25vw + 0.8rem);
}


div#content{
/*background-color:#fff;*/
}

p{
padding:0 20px;
font-size:1.6rem;
margin:0 auto 2rem;
}

sub{
margin:0 20px;
padding:5px;
color:#f00;
font-size:1.4rem;
font-weight:bold;
display:block;
color:#f66;
background-color:#ffffcc;
}

ul{
line-height:0;
margin:0 20px 3rem;
padding:0 20px;
}
li{
font-size:1.6rem;
line-height:1.4;
margin:0 0 0.7rem;
}

img.oni{
width:100%;
max-width:500px;
}

p.top{
margin:0 10px 2rem;
border:1px;
width:calc(100%-20px);
text-align:right;
}

#footer{
padding:10px;
text-align:center;
font-size:1.6rem;
background-color:#327d87;
color:#fff;
}

span.caution{
font-size:2rem;
font-weight:bold;
background:linear-gradient(transparent 70%, #f6c 80%);
}