@charset "utf-8";

/* -------------------------------------------------------------------------------------

	web font

 ------------------------------------------------------------------------------------- */

@font-face {
     font-family: 'Font Awesome 5 Brands';
     font-style: normal;
     font-weight: 400;
     src: url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-brands-400.woff2") format("woff2");
     font-display: swap;
 }
 
 @font-face {
     font-family: 'Font Awesome 5 Free';
     font-style: normal;
     font-weight: 900;
     src:url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-regular-400.woff2") format("woff2"),
         url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-solid-900.woff2") format("woff2");
     font-display: swap;
 }

/* -------------------------------------------------------------------------------------

	body

 ------------------------------------------------------------------------------------- */
 
body{	
	margin:0;
	line-height:150%;
	font-size:95%;
	color:#333;

	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
}

a:link { color: #006699;text-decoration:underline;}
a:visited { color: #006699;text-decoration:underline;}
a:hover {color: #006699;text-decoration:none;}
a:active {color: #006699;text-decoration:none;}

/**a:hover{	
	filter: alpha(opacity=25);
  -moz-opacity:0.25;
  opacity:0.25;
}**/

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
	display:block;
}

/* page */

p{
	margin:0;
	padding:0;
}

img{
	max-width: 100%;
	height: auto;
	border:0;
	vertical-align:bottom;
}

ul,li,dl,dt,dd{
	padding:0;
	margin:0;
	list-style-type: none;
}

.err{color:#cc0000;}
.ERR{color:#cc0000;}

/* --------------------------------------------------
clearfix
-------------------------------------------------- */
.clearfix { overflow:hidden; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix { zoom:1; }
*:first-child+html .clearfix { zoom:1; }

/* margin ==================================================================*/

.mrb0{	margin-bottom:0px!important;}
.mrb4{	margin-bottom:4px;}
.mrb10{	margin-bottom:10px;}
.mrb15{	margin-bottom:15px;}
.mrb20{	margin-bottom:20px;}
.mrb30{	margin-bottom:30px;}
.mrb40{	margin-bottom:40px;}
.mrb60{	margin-bottom:60px;}

.tec{	text-align:center;}
.ter{	text-align:right;}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}

/* -------------------------------------------------------------------------------------

	ページトップへ戻る

-------------------------------------------------------------------------------------- */

#page-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	font-size: 77%;
	background: rgba(0,0,0,0.9);
	z-index: 10000;
}

#page-top img{
	width:68px;
	height:42px;
}

#page-top a {
	padding: 10px 20px;
	display: block;
	text-decoration: none;
	color: #fff;
}

#page-top a:hover {
	text-decoration: none;
	opacity:0.7;
}