/*=====================================
初期設定
=====================================*/
html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
html {
	font-size: 62.5%;
	font-style: normal;
	font-weight: normal;
}
body {
	color: #4b4c4d;
	font-family: "Roboto", "Noto Sans", "Noto Sans JP", "メイリオ", sans-serif, "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 1.5rem;
	line-height: 1.866667;
	letter-spacing: .1rem;
	font-feature-settings : "pkna" 1; /* プロポーショナルメトリクスを有効にする指定 */
	vertical-align: text-bottom;
}
/* タグのリセット */
h1, h2, h3, h4, h5, h6, p, address, ul, li, dl, dt, dd, caption, img, form, blockquote, label {
	padding: 0px;
	margin: 0px;
	border: none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
}
ol li {
	list-style-type: decimal !important;
}
table, th, td {
	/*	border: none;*/
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.866667;
	list-style-type: none;
}
/* テキストエリア内文字サイズのブラウザ間での統一 */
textarea {
	font-size: 100%;
}
/* 画像の下にできる隙間を除去 */
/* 画像綺麗に縮小 */
img {
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
	-webkit-backface-visibility: hidden;
}
/* float解除 */
.clear {
	clear: both;
	font-size: 1%;
	line-height: 1%;
	width: 1%;
	overflow:hidden;
	display:block;
	visibility: hidden;
	height: 0;
	content : "";
}
/*IE8対応*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	margin:0;
	padding:0;
}
/* フォントレンダリング設定: 1x解像度ではsubpixel、2x以上の解像度ではgrayscale */
body {
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: unset;
}
@media only screen and 
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
	body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}


/*=====================================
ロゴ
=====================================*/
.wrapper {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 80%;
    max-width: 800px;
    height: 80vh
}

@media screen and (min-width: 750px){
.wrapper {
    height: 95vh
}
}