@charset "utf-8";

/* -------------------------------------------------------------------------------------
	web font
 ------------------------------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

/* font-family: 'Lora', serif; */
@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');

/* -------------------------------------------------------------------------------------
	body
 ------------------------------------------------------------------------------------- */

html{
    font-size: 62.5%;
	font-weight: 300;
}

body{	
	margin: 0;
    background: #fff;
	line-height: 150%;
	color: #6E6966;
	font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Arial, "メイリオ", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
}

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

/**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,ol,dl,dt,dd{
	padding:0;
	margin:0;
	list-style-type: none;
}

figure{
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------
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 ==================================================================*/

.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;
}