/* CSS Document */
/* base.css */

@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,div{margin:0;padding:0;border:0;outline:0;}
.clearfix{display:inline-block;display:block;}
* HTML.clearfix{HEIGHT:1%}
body{font-family:"繝｡繧､繝ｪ繧ｪ",Meiryo,Osaka,"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
height:100%;
font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}
html{height:100%;}

p{margin:0;padding:0;font-size:100%;}



p.attention {
	font-size:100%; !important;
	line-height:1.2em !important;
	text-indent: 1em !important;
}
p.attention:before {
	content:"窶ｻ";	
}

#risk {
	/*border:#CCC solid 1px;*/
	padding: 2em;
	margin: 0 auto;
font-size:100%;
}

#risk p {
	padding:1em 1em 0.8em;
	margin:0 0.5em;
font-size:100%;
	color:#666;
}


#risk h4 {
	border-left:#FF2626 solid 5px;
font-size:110%;
	color:#FF2626;
	line-height:1.0;
	padding:0.5em 0.8em 0;
	margin:0.8em 1.5em;
	font-weight:normal;
}

#risk h5 {
font-size:110%;
	padding:0.8em 0.8em 0px;
	margin:0.2em 1em;
	color:#FF2626;
	font-weight:normal;
}

/*繝輔ぉ繝ｼ繝峨う繝ｳ*/
/*荳九°繧峨ヵ繧ｧ繝ｼ繝峨う繝ｳ*/
.fade-in-bottom {
   opacity: 0;
   animation-name: fadein-bottom;
   animation-duration: 1.5s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
}
@keyframes fadein-bottom {
   0% {
      opacity: 0;
      transform: translateY(20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}