@charset "utf-8";

/*--------------------------------------------------------------------
	general
--------------------------------------------------------------------*/

body { -webkit-text-size-adjust: 100%; letter-spacing: 0.5px; color: #464637; background-color: #fff; position: relative; overflow-wrap: break-word; white-space: normal; transform: none !important; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

img { max-width: 100%; height: auto; }

*,
*:before,
*:after { box-sizing: border-box; }

@media screen and (max-width: 1195px) {

html,body { width: 100%; height: 100%; }
body { -webkit-text-size-adjust: 100%; letter-spacing: 0; overflow-x: hidden; }

}

/*--------------------------------------------------------------------
	redirects
--------------------------------------------------------------------*/

.redirectsBox01 { width: 100%; height: 100vh;; }
.loader01 { color: #FFF; text-transform: uppercase; text-align: center; font-family: 'Arial', sans-serif; font-size: 0.76rem; letter-spacing: 2px; position: fixed; top: 50%; left: 50%; margin: -30px 0 0 -30px; z-index: 1001; }

@keyframes opacity2 {
  0% {
    opacity: 1;
    height: 15px;
  }
  50% {
    opacity: 0;
    height: 12px;
  }
  100% {
    opacity: 1;
    height: 15px;
  }
}

.half-circle-spinner, .half-circle-spinner * { box-sizing: border-box; }
.half-circle-spinner { width: 60px; height: 60px; border-radius: 100%; position: relative; }
.half-circle-spinner .circle { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; border: calc(60px / 10) solid transparent; }
.half-circle-spinner .circle.circle-1 { border-top-color: #01263f; animation: half-circle-spinner-animation 1s infinite; }
.half-circle-spinner .circle.circle-2 { border-bottom-color: #01263f; animation: half-circle-spinner-animation 1s infinite alternate; }

@keyframes half-circle-spinner-animation {
  0% {
    transform: rotate(0deg);

  }
  100%{
    transform: rotate(360deg);
  }
}