/*===base===*/
* {margin:0px;
    padding:0px;

  }
  body{
   font-size: 40px;
   line-height: 30px;
   width:100%;
   height:100%;
   overflow-x: hidden;
  }
  a {
   color: #000;
   text-decoration: none;
  }

  a:visited {
   color: #000;
  }

  a:hover {
   color: #000;
   text-decoration: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  a:active {
   color: #000;
  }
  a:link {
    color:#000;
  }

  h1 {
    text-align: left;
    overflow-y: hidden;
  }
  .intro{
    padding-top: auto;
    padding-bottom: auto;
    text-align: left;
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    background-clip: content-box;
    background-image: url(../image/VBI_SS/Screen_210815_003703.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0px 40%; 
    height: 70vh;
  }

  .intro h1{
    padding-top: 35vh;
    padding-left: 30px;
    color: #ffffff;
    text-shadow: 2px 2px 1px #000;
    font-weight: bold;
  }

  .t4{
    padding-left: 5px;
    padding-top: 5px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    color: #000000;
  }

  h2 {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    color: rgb(70, 70, 255);
    text-shadow: 2px 2px 1px #898989;
    font-weight: bold;
  }

  .t4 h2{
    margin-top: 30px;
  }

  .t2 h2{
    margin-top: 60px;
  }

  h3 {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    color: #000000;
    font-weight: bold
  }

  .t4 p{
    font-size: medium;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    padding-right: 20%;
  }

  .img-t2{
    width: 80%;
    height: auto;
  }

  .img-t4{
    width: 40%;
    height: auto;
    display: flex;
  }

  hr {
    /*padding: 1px 0;*/
    border: none;
  }

  .hr1 {
    border-top: 1px dashed #000; /* 破線 */
    width: 80%;
  }

  .hr2 {
    border-top: 1px dashed #2b28f1; /* 破線 */
    width: 70%;
  }

  #loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 300;
    position: fixed;
      display: flex;
    align-items: center;
    justify-content: center;
  
  }
  #loader {
    display: none;
    position: relative;
    text-align: center;
    height: auto;
    color: #fff;
    z-index: 2;
    margin: auto;
  }
  
  #loader img {
    height: auto;
    width: auto;
    margin: auto;
    display: block;
  }

  .main_contents {
    margin: 8%;
    margin-top: 2%;
  }

  .hamburger{
    right: 10vw;
  }
  
  @media screen and (max-width:1200px) {
    #loader img {
      margin-top: 10%;
      height: auto;
      width: auto;
    }
  }
  
  @media screen and (max-width:900px) {
    #loader img {
      margin-top: 5%;
      height: auto;
      width: 70%;
    }
    .intro{
      padding-bottom: 100px;
    }
    .main_contents p{
      margin-top: 5px;
      line-height: 1.2;
      font-size: 20px;
    }
  }