@charset "UTF-8";
html {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 62.5%;
}
body {
    width: 100%;
    height: 100%;
    color: #1e2427;
    font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
    position: relative;
    line-height: 2.0rem;
    background: #ffffff;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

/****** contents ******/
h1 {
  font-size: 10.0rem;
  margin: auto;
}

/******************************************************
smartphone
******************************************************/
@media screen and (max-width: 768px) {
  h1 {
    font-size: 10.0rem;
    margin: auto;
  }
}

/****** clearfix ******/
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

/****** common style ******/
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }