@import url('https://fonts.googleapis.com/css?family=Raleway:700');

.full_screen_hero {
  height: 100%;
  background: no-repeat;
  position: relative;
  background-size: cover;
  background-position: center center; 
  z-index:-2;
 }
 
@media only screen and (orientation:landscape) {
.full_screen_hero {
  height: 120%;
  }
}
.dot-overlay-light {
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:-1;
}
.dot-overlay-light:before{
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJElEQVQYV2NkwAT1jGhi9QwMDI3IgmABkCKYIFwAJogiABIEAM2/BIWEpQYtAAAAAElFTkSuQmCC
    ) repeat;
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.title-area{
  margin-bottom:35px;
}
.title-area h1{
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important;
  letter-spacing:0em !important;
  color:cfd8dc !important;
  line-height: 1.45em !important;
  font-size: 7px !important;
  font-weight: 700 !important;
  margin:50px 0 10px 0 !important;
}

.title-logo {
 width: 50%;
 height:auto;
}

 /* add page top title */
.canvas {
    width: 250px;
    height: auto;
    position: relative;
    text-align: center;
    margin:0 auto;
    margin-top:50px ;
    margin-bottom:15px ;
}
 
#illust,
#line {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}
 
#illust {
    display: none;
}

h2 {
  margin: 0 !important;
  padding: 0 !important;
}

.content-wapper{
  padding : 15px;
}

.title-area p {
  font-size: 14px !important;
  font-weight: 100!important;
  margin:0px 0 30px 0 !important;
}

.opit {
    filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}