/*JIZAI TEASER SITE 2 CSS*/
/*----------------------
 * 1.GENERAL
 * 2.INFO
 * 3.Animation
 */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*-------------------------------
 * 1.GENERAL
 * ----------------------------*/
/* line 18, stdin */
body {
  background-color: #fff100; }

@media (max-width: 480px) {
  /* line 22, stdin */
  p {
    font-size: 13px; } }

@media (max-width: 767px) and (orientation: landscape) {
  /* line 27, stdin */
  p {
    font-size: 12px;
    margin-bottom: 5px; } }

/* line 32, stdin */
#main-container {
  background-color: #fff100;
  padding: 24px; }

/* line 36, stdin */
.main {
  position: relative;
  overflow: hidden;
  background: url(../image/bg-xs.jpg) no-repeat center;
  background-size: cover; }

@media (max-width: 768px) {
  /* line 43, stdin */
  #main-container {
    padding: 15px; } }

@media (max-width: 480px) {
  /* line 49, stdin */
  #main-container {
    padding: 10px; } }

/* line 53, stdin */
.container {
  z-index: 3;
  position: relative; }

/* line 57, stdin */
#logo-wrap {
  opacity: 0.5; }
  /* line 59, stdin */
  #logo-wrap img, #logo-wrap canvas {
    max-width: 350px;
    display: block;
    margin: 0 auto; }

@media (min-width: 768px) and (max-width: 1500px) {
  /* line 67, stdin */
  #logo-wrap img, #logo-wrap canvas {
    max-width: 280px; } }

/* line 73, stdin */
#vtex {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(../image/scanline44.png) center;
  z-index: 2; }

/* line 82, stdin */
#yellowFade {
  background-color: #fff100;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8; }

/* line 92, stdin */
video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); }

/* do not display video on tablets*/
/*@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) ,
  only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) ,
  only screen
  and (min-device-width: 800px)
  and (max-device-width: 1280px)
  and (-webkit-min-device-pixel-ratio: 1.5){
     video{
          display: none;
     }
  }*/
/* line 123, stdin */
.other-cont h1, .other-cont div {
  z-index: 4; }

/* line 127, stdin */
.other-cont h1 {
  margin: 0; }

/* line 131, stdin */
#ttl-logo, #eigyo, #motto, .marquee, #info {
  position: absolute; }

/* line 134, stdin */
#ttl-default, #ttl-portrait, #motto img {
  height: auto;
  display: block; }

/* line 138, stdin */
#ttl-logo {
  top: 24px;
  left: 24px; }

/* line 143, stdin */
#ttl-default {
  width: 140px; }

/* line 147, stdin */
#ttl-portrait {
  display: none; }

@media (max-width: 767px) {
  /* line 152, stdin */
  #ttl-logo {
    left: 0;
    width: 100%; } }

@media (max-width: 767px) and (orientation: landscape) {
  /* line 159, stdin */
  #ttl-logo {
    top: 34%; }
  /* line 163, stdin */
  #ttl-default {
    width: 50%;
    margin: 0 auto; } }

@media (max-width: 767px) and (orientation: portrait) {
  /* line 169, stdin */
  #ttl-logo {
    top: 16%; }
  /* line 172, stdin */
  #ttl-default {
    display: none; }
  /* line 175, stdin */
  #ttl-portrait {
    width: 42%;
    margin: 0 auto;
    display: block; } }

/* line 181, stdin */
#eigyo {
  color: #fff100;
  top: 24px;
  left: 220px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  letter-spacing: .2em;
  font-size: 21px;
  line-height: 1;
  text-transform: uppercase; }

/* line 193, stdin */
.field {
  display: inline-block; }
  /* line 195, stdin */
  .field:not(:first-child) {
    margin-left: 24px; }

@media (max-width: 767px) {
  /* line 200, stdin */
  #eigyo {
    left: 0;
    width: 100%;
    text-align: center; } }

@media (max-width: 767px) and (orientation: landscape) {
  /* line 207, stdin */
  #eigyo {
    top: 60%;
    font-size: 18px;
    font-size: 3.1vw; }
  /* line 214, stdin */
  .field:not(:first-child) {
    margin-left: 24px;
    margin-left: 1vw; } }

@media (max-width: 767px) and (orientation: portrait) {
  /* line 221, stdin */
  #eigyo {
    top: 67%;
    font-size: 18px;
    font-size: 3.5vw; }
  /* line 228, stdin */
  .field:not(:first-child) {
    margin-left: 18px;
    margin-left: 2.4vw; } }

/* line 235, stdin */
#motto {
  bottom: 24px;
  left: 24px; }
  /* line 240, stdin */
  #motto img {
    width: 280px; }

@media (max-width: 767px) {
  /* line 246, stdin */
  #motto {
    left: 0;
    width: 100%; }
    /* line 250, stdin */
    #motto img {
      margin: 0 auto; } }

@media (max-width: 767px) and (orientation: landscape) {
  /* line 257, stdin */
  #motto {
    bottom: 7%; } }

@media (max-width: 767px) and (orientation: portrait) {
  /* line 262, stdin */
  #motto {
    bottom: 10%; } }

/* line 266, stdin */
.marquee {
  right: 24px;
  bottom: 24px;
  width: 600px;
  overflow: hidden; }
  /* line 274, stdin */
  .marquee div {
    color: #fff100;
    z-index: 4;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.2em; }

@media (max-width: 767px) {
  /* line 283, stdin */
  .marquee {
    display: none; } }

/*-------------------------------
 * 2.INFO
 * ----------------------------*/
/* line 290, stdin */
#info {
  z-index: 5;
  display: block; }

@media (min-width: 768px), (max-width: 767px) and (orientation: landscape) {
  /* line 296, stdin */
  #info {
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0; }
    /* line 302, stdin */
    #info > div {
      display: block;
      height: 100%;
      float: left; } }

@media (max-width: 767px) and (orientation: portrait) {
  /* line 310, stdin */
  #info {
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0; }
    /* line 316, stdin */
    #info > div {
      display: block;
      width: 100%; } }

/* line 322, stdin */
#infoBtn a {
  display: block; }

/* line 325, stdin */
#btn-side {
  width: 36px;
  height: auto; }

/* line 329, stdin */
#btn-botton {
  width: 142px;
  height: 36px; }

@media (min-width: 768px), (max-width: 767px) and (orientation: landscape) {
  /* line 335, stdin */
  #btn-botton {
    display: none; }
  /* line 338, stdin */
  #infoBtn {
    width: 36px;
    height: 100%; }
    /* line 342, stdin */
    #infoBtn a {
      position: relative;
      top: 50%;
      margin-top: -71px; } }

@media (max-width: 767px) and (orientation: portrait) {
  /* line 350, stdin */
  #btn-side {
    display: none; }
  /* line 353, stdin */
  #btn-botton {
    display: block; } }

@media (max-width: 767px) and (orientation: landscape) {
  /* line 358, stdin */
  #btn-side {
    display: block; }
  /* line 361, stdin */
  #btn-botton {
    display: none; } }

/* line 365, stdin */
#infoWrap {
  background-color: #fff;
  opacity: 0.7; }

@media (min-width: 768px), (max-width: 767px) and (orientation: landscape) {
  /* line 370, stdin */
  #infoWrap, #infoBtn {
    vertical-align: middle; }
  /* line 373, stdin */
  #info > #infoWrap {
    display: none; } }

@media (max-width: 767px) and (orientation: portrait) {
  /* line 380, stdin */
  #info > #infoWrap {
    display: none; } }

/* line 384, stdin */
#infoContent {
  opacity: 0;
  padding: 24px; }

@media (max-width: 767px) and (orientation: portrait) {
  /* line 389, stdin */
  #infoContent {
    margin-top: 0 !important; } }

/* line 393, stdin */
p.titular {
  margin-bottom: 0; }
  /* line 398, stdin */
  p.titular:not(:first-of-type) {
    margin-top: 20px;
    margin-bottom: 5px; }
  /* line 403, stdin */
  p.titular .inc {
    font-size: 1.2em; }
  /* line 406, stdin */
  p.titular .en {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    letter-spacing: .2em;
    text-transform: uppercase; }

@media (max-width: 767px) and (orientation: landscape) {
  /* line 416, stdin */
  p.titular:not(:first-of-type) {
    margin-top: 7px;
    margin-bottom: 0; } }

/* line 422, stdin */
a.infoLink {
  color: #000;
  display: block;
  width: 130px;
  font-size: 15px;
  font-weight: 600;
  padding: 5px 10px;
  border: 3px solid #000;
  text-align: center;
  margin: 50px auto 0; }
  /* line 433, stdin */
  a.infoLink:hover {
    color: #666;
    border-color: #666;
    text-decoration: none; }

@media (max-width: 767px) {
  /* line 440, stdin */
  a.infoLink {
    font-size: 14px;
    padding: 4px 10px;
    margin-top: 30px; } }

@media (max-width: 767px) and (orientation: landscape) {
  /* line 447, stdin */
  a.infoLink {
    margin-top: 15px; } }

/*-------------------------------
 * 3.ANIMATION
 * ----------------------------*/
/* line 455, stdin */
#ttl-logo, #motto, .field {
  opacity: 0; }

/* line 458, stdin */
#floatingCirclesG {
  position: relative;
  width: 125px;
  height: 125px;
  margin: calc(50% - 52px) auto 0;
  transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6); }

/* line 470, stdin */
.f_circleG {
  position: absolute;
  background-color: #fff200;
  height: 22px;
  width: 22px;
  border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  animation-name: f_fadeG;
  -o-animation-name: f_fadeG;
  -ms-animation-name: f_fadeG;
  -webkit-animation-name: f_fadeG;
  -moz-animation-name: f_fadeG;
  animation-duration: 0.992s;
  -o-animation-duration: 0.992s;
  -ms-animation-duration: 0.992s;
  -webkit-animation-duration: 0.992s;
  -moz-animation-duration: 0.992s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal; }

/* line 502, stdin */
#frotateG_01 {
  left: 0;
  top: 51px;
  animation-delay: 0.3695s;
  -o-animation-delay: 0.3695s;
  -ms-animation-delay: 0.3695s;
  -webkit-animation-delay: 0.3695s;
  -moz-animation-delay: 0.3695s; }

/* line 512, stdin */
#frotateG_02 {
  left: 15px;
  top: 15px;
  animation-delay: 0.496s;
  -o-animation-delay: 0.496s;
  -ms-animation-delay: 0.496s;
  -webkit-animation-delay: 0.496s;
  -moz-animation-delay: 0.496s; }

/* line 522, stdin */
#frotateG_03 {
  left: 51px;
  top: 0;
  animation-delay: 0.6125s;
  -o-animation-delay: 0.6125s;
  -ms-animation-delay: 0.6125s;
  -webkit-animation-delay: 0.6125s;
  -moz-animation-delay: 0.6125s; }

/* line 532, stdin */
#frotateG_04 {
  right: 15px;
  top: 15px;
  animation-delay: 0.739s;
  -o-animation-delay: 0.739s;
  -ms-animation-delay: 0.739s;
  -webkit-animation-delay: 0.739s;
  -moz-animation-delay: 0.739s; }

/* line 542, stdin */
#frotateG_05 {
  right: 0;
  top: 51px;
  animation-delay: 0.8655s;
  -o-animation-delay: 0.8655s;
  -ms-animation-delay: 0.8655s;
  -webkit-animation-delay: 0.8655s;
  -moz-animation-delay: 0.8655s; }

/* line 552, stdin */
#frotateG_06 {
  right: 15px;
  bottom: 15px;
  animation-delay: 0.992s;
  -o-animation-delay: 0.992s;
  -ms-animation-delay: 0.992s;
  -webkit-animation-delay: 0.992s;
  -moz-animation-delay: 0.992s; }

/* line 562, stdin */
#frotateG_07 {
  left: 51px;
  bottom: 0;
  animation-delay: 1.1085s;
  -o-animation-delay: 1.1085s;
  -ms-animation-delay: 1.1085s;
  -webkit-animation-delay: 1.1085s;
  -moz-animation-delay: 1.1085s; }

/* line 572, stdin */
#frotateG_08 {
  left: 15px;
  bottom: 15px;
  animation-delay: 1.235s;
  -o-animation-delay: 1.235s;
  -ms-animation-delay: 1.235s;
  -webkit-animation-delay: 1.235s;
  -moz-animation-delay: 1.235s; }

@keyframes f_fadeG {
  0% {
    background-color: black; }
  100% {
    background-color: #fff200; } }

@-webkit-keyframes f_fadeG {
  0% {
    background-color: black; }
  100% {
    background-color: #fff200; } }