@charset "utf-8";

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

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

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


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

	body

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

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

}

main{
	position: relative;
}

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

/* page */

p,figure{
	margin: 0;
	padding: 0;
}

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

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

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

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