body {
  background-color: rgb(255, 255, 255);
  font: 100 1.438em/1.08 Lato;
  color: rgb(255, 255, 255);
}

.about_button {
  display: block;
  float: left;
  width: 5.1184895833%;
  height: 27px;
  margin: 23px 0 0 35.6367199999%;
  border-radius: 3px;
  font: 700 0.696em/1.18 Arial;
  text-align: center;
  color: rgb(255, 255, 255);
}

.about_button:hover {
  color: rgb(255, 255, 255);
}

.abouta {
  position: relative;
  float: left;
  clear: both;
  z-index: 8;
  width: 100%;
  height: 863px;
  background: url('../images/sample.png') rgba(54, 115, 159, 0);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.aujiinduatries {
  width: 49.0833333333%;
  height: 45px;
  margin: 407px 0 0 50.83203%;
}

.aujiindustries {
  float: left;
  width: 99.8704663212%;
  min-height: 140px;
  margin-top: -45px;
  font-size: 1.391em;
  line-height: 4.18;
  text-align: center;
  color: rgb(255, 255, 255);
}

.container {
  float: left;
}

.contant_button {
  display: block;
  float: left;
  width: 6.8333333333%;
  height: 27px;
  margin: 23px 0 0 0.8112%;
  border-radius: 3px;
  font: 700 0.696em/1.18 Arial;
  text-align: center;
  color: rgb(255, 255, 255);
}

.drawing_button {
  display: block;
  float: left;
  width: 6.8333333333%;
  height: 27px;
  margin: 23px 0 0 0.83724%;
  border-radius: 3px;
  font: 700 0.696em/1.18 Arial;
  text-align: center;
  color: rgb(255, 255, 255);
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 21;
  width: 100%;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.17);
}

.image {
  display: block;
  float: left;
  width: 175px;
  height: auto;
  overflow: hidden;
}

.label_button {
  display: block;
  float: left;
  width: 5.1666666666%;
  height: 27px;
  margin: 23px 0 0 0.76823%;
  border-radius: 3px;
  font: 700 0.696em/1.18 Arial;
  text-align: center;
  color: rgb(255, 255, 255);
}

.logo_to_toplink {
  display: block;
  float: left;
  width: 15.1666666666%;
  height: 50px;
}

.music_button {
  display: block;
  float: left;
  width: 5.1666666666%;
  height: 27px;
  margin: 23px 0 0 0.74349%;
  border-radius: 3px;
  font: 700 0.696em/1.18 Arial;
  text-align: center;
  color: rgb(255, 255, 255);
}

.news_button {
  display: block;
  float: left;
  width: 5.1666666666%;
  height: 27px;
  margin: 23px 0 0 0.81771%;
  border-radius: 3px;
  font: 700 0.696em/1.18 Arial;
  text-align: center;
  color: rgb(255, 255, 255);
}

.p {
  float: left;
  margin-left: 2.2474%;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0);
  font-family: 'Open Sans';
  font-weight: 300;
}

.release_button {
  display: block;
  float: left;
  width: 6.8333333333%;
  height: 27px;
  margin: 23px 0 0 0.82292%;
  border-radius: 3px;
  font: 700 0.696em/1.18 Arial;
  text-align: center;
  color: rgb(255, 255, 255);
}

.textme {
  float: left;
  clear: both;
  width: 61.25%;
  height: 645px;
  margin: 29px 0 0 2.41146%;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0);
  font-size: 1em;
  color: rgb(255, 255, 255);
}

.textme p {
  margin-bottom: 1em;
}

.top {
  position: relative;
  z-index: 11;
  width: 100%;
  height: 1236px;
  background-image: url('../images/aujiindustries_head(4).jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.txetat {
  display: block;
  float: left;
  width: 90.5833333333%;
  height: 108px;
  margin: 100px 0 0 2.41146%;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0);
  font: 300 3.826em/0.88 'Open Sans';
  color: rgb(255, 255, 255);
}

.yastakawtanabe {
  position: relative;
  float: left;
  clear: both;
  z-index: 5;
  width: 100%;
  height: 1004px;
  background-image: url('../images/test_im_mini_mini.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  background-attachment: fixed;
}

._button {
  display: block;
  float: right;
  width: 55.6167684123%;
  height: 29px;
  margin-top: 7px;
  border-radius: 3px;
  background-color: rgba(222, 222, 222, 0);
  font-size: 0.696em;
  font-weight: 300;
  line-height: 1.38;
  text-align: right;
  color: rgb(255, 255, 255);
}

._container {
  height: 40px;
}

.container-3 {
  width: 96.1943532501%;
  margin-left: 0.50391%;
}

.p-1 {
  width: 87.6666666666%;
  height: 127px;
  margin-top: 146px;
  font-size: 5.348em;
  line-height: 0.98;
  color: rgb(255, 255, 255);
}

.p-2 {
  clear: both;
  width: 95.25%;
  height: 217px;
  margin-top: 5px;
  font-size: 1.696em;
  line-height: 1.38;
  color: rgb(250, 250, 250);
}

._container-1 {
  position: relative;
  float: left;
  clear: both;
  z-index: 2;
  width: 100%;
  background-color: rgb(0, 0, 0);
}

@media(max-width: 800px) {
  .abouta {
    position: relative;
    z-index: 8;
    height: 507px;
  }

  .abouta .p {
    position: relative;
    margin-left: 2.24219%;
  }

  .header {
    height: 97px;
  }

  .header .about_button {
    position: relative;
    clear: both;
    z-index: 12;
    margin-top: 20px;
    margin-left: 4.88086%;
  }

  .header .contant_button {
    margin-top: 20px;
    margin-left: 7.3418%;
  }

  .header .drawing_button {
    margin-top: 20px;
    margin-left: 8.54102%;
  }

  .header .label_button {
    margin-top: 20px;
    margin-left: 9.14844%;
  }

  .header .music_button {
    margin-top: 20px;
    margin-left: 8.10547%;
  }

  .header .news_button {
    margin-top: 20px;
    margin-left: 7.79883%;
  }

  .header .release_button {
    margin-top: 20px;
    margin-left: 8.17383%;
  }

  .logo_to_toplink .image {
    height: auto;
  }

  .top {
    position: relative;
    z-index: 11;
    background-position: left center;
  }

  .yastakawtanabe {
    position: relative;
    z-index: 5;
    height: 1259px;
    background-size: 850px auto;
  }

  .yastakawtanabe .textme {
    width: 79.5555555555%;
    margin-top: 62px;
    margin-left: 2.375%;
    color: rgba(255, 255, 255, 0.89);
  }

  .yastakawtanabe .txetat {
    width: 97.625%;
    height: 63px;
    margin-top: 93px;
    margin-left: 2.375%;
    font-size: 2.391em;
    color: rgba(255, 255, 255, 0.89);
  }

  .abouta .p-1 {
    z-index: 6;
    margin-top: 47px;
    font-size: 3.565em;
  }

  .abouta .p-2 {
    z-index: 7;
    margin-top: -14px;
    font-size: 1.391em;
  }

  ._container-1 {
    position: relative;
    z-index: 2;
  }
}

@media(max-width: 450px) {
  body {
    font-size: 1.438em;
  }

  .abouta {
    position: relative;
    z-index: 8;
    height: 618px;
    background-position: left center;
    background-attachment: scroll;
  }

  .abouta .p {
    position: relative;
    margin-left: 2.24306%;
  }

  .container .aujiindustries {
    text-align: right;
  }

  .header .about_button {
    position: relative;
    z-index: 12;
    margin-left: 4.875%;
    font-size: 0.522em;
  }

  .header .contant_button {
    margin-left: 7.34028%;
    font-size: 0.522em;
  }

  .header .drawing_button {
    margin-left: 8.53125%;
    font-size: 0.522em;
  }

  .header .label_button {
    margin-left: 9.14931%;
    font-size: 0.522em;
  }

  .header .music_button {
    margin-left: 8.10417%;
    font-size: 0.522em;
  }

  .header .news_button {
    margin-left: 7.79514%;
    font-size: 0.522em;
  }

  .header .release_button {
    margin-left: 8.17014%;
    font-size: 0.522em;
  }

  .logo_to_toplink .image {
    height: auto;
  }

  .top {
    position: relative;
    z-index: 11;
    height: 652px;
    background-attachment: scroll;
  }

  .top .container {
    width: 100%;
    margin-left: 0;
  }

  .yastakawtanabe {
    position: relative;
    z-index: 5;
    height: 458px;
    background-size: 650px auto;
    background-attachment: scroll;
  }

  .yastakawtanabe .textme {
    clear: none;
    margin-top: 484px;
    margin-left: 10%;
    color: rgba(3, 3, 3, 0.89);
  }

  .yastakawtanabe .txetat {
    width: 100%;
    height: 212px;
    margin-top: -212px;
    margin-left: 0;
    font-family: Raleway;
    font-size: 2.043em;
    font-weight: 100;
    text-align: center;
    color: rgba(28, 99, 198, 0.76);
  }

  .container ._button {
    width: 97.4912464354%;
    margin-right: 0.06137%;
    font-size: 0.478em;
  }

  .abouta .p-1 {
    z-index: 6;
    font-size: 2.696em;
  }

  .abouta .p-2 {
    z-index: 7;
    margin-top: -29px;
    font-size: 1.087em;
  }

  ._container .container-3 {
    margin-left: 0.5%;
  }

  ._container-1 {
    position: relative;
    z-index: 2;
    margin-top: 1284px;
  }
}

@media(max-width: 360px) {
  .abouta {
    position: relative;
    z-index: 8;
    height: 654px;
  }

  .abouta .p {
    position: relative;
    margin-left: 2.1875%;
  }

  .header .about_button {
    position: relative;
    z-index: 12;
    margin-left: 4.84809%;
  }

  .header .contant_button {
    margin-left: 7.33941%;
  }

  .header .drawing_button {
    margin-left: 8.53733%;
  }

  .header .music_button {
    margin-left: 8.1033%;
  }

  .header .release_button {
    margin-left: 8.13368%;
  }

  .logo_to_toplink .image {
    height: auto;
  }

  .top {
    position: relative;
    z-index: 11;
  }

  .yastakawtanabe {
    position: relative;
    z-index: 5;
    height: 353px;
    background-size: 500px auto;
  }

  .yastakawtanabe .textme {
    margin-top: 373px;
    color: rgb(50, 50, 50);
  }

  .yastakawtanabe .txetat {
    height: 220px;
    margin-top: -220px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .container ._button {
    margin-right: 0.05866%;
  }

  .abouta .p-1 {
    z-index: 6;
  }

  .abouta .p-2 {
    z-index: 7;
  }

  ._container .container-3 {
    margin-left: 0.46875%;
  }

  ._container-1 {
    position: relative;
    z-index: 2;
  }
}

@media(max-width: 320px) {
  body {
    font-size: 1.438em;
  }

  .abouta {
    position: relative;
    z-index: 8;
  }

  .abouta .p {
    position: relative;
    margin-left: 2.23633%;
  }

  .header .about_button {
    position: relative;
    z-index: 12;
    margin-left: 2.06543%;
  }

  .header .contant_button {
    margin-left: 5.72754%;
  }

  .header .drawing_button {
    margin-left: 8.53516%;
  }

  .header .label_button {
    margin-left: 9.96582%;
  }

  .header .music_button {
    margin-left: 8.10059%;
  }

  .header .news_button {
    margin-left: 8.67676%;
  }

  .header .release_button {
    margin-left: 8.16895%;
  }

  .logo_to_toplink .image {
    height: auto;
  }

  .top {
    position: relative;
    z-index: 11;
  }

  .yastakawtanabe {
    position: relative;
    z-index: 5;
    height: 493px;
    background-size: 700px auto;
  }

  .yastakawtanabe .textme {
    clear: both;
    width: 79.6875%;
    height: 1317px;
    margin-top: 463px;
  }

  .yastakawtanabe .txetat {
    margin-top: -166px;
    font-size: 1.304em;
  }

  .container ._button {
    margin-right: 0.05584%;
  }

  .abouta .p-1 {
    z-index: 6;
  }

  .abouta .p-2 {
    z-index: 7;
  }

  ._container .container-3 {
    margin-left: 0.50293%;
  }

  ._container-1 {
    position: relative;
    z-index: 2;
    margin-top: 1402px;
  }
}