@charset "UTF-8";

/*------------------------------------------------------------
	web fonts
------------------------------------------------------------*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);

/*------------------------------------------------------------
	margin padding
------------------------------------------------------------*/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}

.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}

.pr15{padding-right:15px;}
.pr20{padding-right:20px;}

.float_0{float:left;}
.float_mr5{float:left;margin-right:5px;}
.float_mr10{float:left;margin-right:10px;}
.float_mr20{float:left;margin-right:20px;}
.float_mr30{float:left;margin-right:30px;}

.float_r{float:right;}

/*クリアフィックス*/
.clearfix:after{content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{min-height:1px;}
.clear{clear:both;}

a{
	text-decoration:none;
	color:#333
}

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/

html, body{
	font-size:12px;
	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'Noto Sans Japanese', sans-serif;
	line-height:150%;
	color:#333;
	margin: 0;
	padding: 0;	
	height: 100%;
	width: 100%;
	-webkit-text-size-adjust:100%;
	position:relative;
}

body {
  height: 100%;
  position: relative;
  min-width: 300px;
  min-height: 300px;

}

header{
  position: absolute;
  margin-top: -150px;
  margin-left: -150px;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 300px;
}

h1{
  width: 112px;
  margin: 0 auto;
}

h2{
	font-family: 'Roboto Slab', serif;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  padding-top: 5%;
}