@charset "UTF-8";
/****************************************************
general
****************************************************/
/*
	reset
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

html {
scroll-behavior: smooth;
height:100%;
}

body {
font-family: 'Roboto', sans-serif;
color: #949595;
min-height:100%;
}
.topLogoBlock {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.topLogoBlock .box {
width: 30vw;
}
.topLogoBlock .box p {
font-size: 1.3vw;
font-weight: 300;
letter-spacing: 3px;
text-align: center;
margin-top: 30px;
}
.topLogoBlock .box img {
width: 100%
}




@media screen and (min-width:768px) and (max-width:1024px) {



}




@media screen and (max-width:768px) {

.topLogoBlock {
height: -webkit-fill-available;
}
.topLogoBlock .box {
width: 62vw;
}
.topLogoBlock .box p {
font-size: 4vw;
font-weight: 300;
letter-spacing: 2px;
text-align: center;
margin-top: 30px;
}

}