@charset "utf-8";

html {
	width : 100%;

  height: -webkit-fill-available;
}
body {
	width : 100%;
min-height: 100vh;
  min-height: -webkit-fill-available;
	color : #666666;
	font-size : 45px;
	letter-spacing : 2px;
	line-height : 80px;
	margin : 0 auto;
	font-family: "メイリオ",sans-serif;
}
header {
	width : 100%;
	height : 50px;
	color : #ffffff;
	margin : 0 auto;
	padding : 15px 0 15px 0;
	background-color : #1f3d4e;
}
/* main
------------------------------------------------------------ */
a {
	color : #006666;
	width : 100%;
	height : calc(100vh - 50px);
	display : block;
	background-color : #eeeeee;
}
/* main -> article 
------------------------------------------------------------ */
 article {
padding: 0px;              /* 余白*/
    height : 100%;              /* 高さ指定 */
    width: 100%;               /* 幅指定 */
    position: relative;         /* 位置指定の基準点にする */
}
/* main -> article -> section
------------------------------------------------------------ */
article section {
   position: absolute;          /* 位置指定 */    

   top: 50%;                    /* 親要素の半分下にずらす */
   left: 50%;                   /* 親要素の半分右にずらす */
   transform: translateY(-50%) translateX(-50%);    /* 要素自体の半分、上と左にずらす */
   padding: 0px;               /* 余白指定 */
   font-weight: bold;
   	letter-spacing : 20px;
   	 white-space: nowrap;
}