@charset "utf-8";

/*--------------------------------------------------------------------
	reset
--------------------------------------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
img,a img{vertical-align:middle;border:none;background:transparent;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
ul,li { list-style: none; }
input[type="text"], input[type="password"], input[type="submit"] ,input[type="button"], input[type="reset"], input[type="button"], input[type="radio"], input[type="file"], textarea, select, button {
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box !important;
position: relative;
display: inline-block;
color: #333;
}
button {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}
label {
padding: 0;
margin: 0;
}
select::-ms-expand {
display: none;
}
ul,li {list-style: none;}
hr {
display: block;
height: 1px;
border: 0;
padding: 0;
margin: 0;
}


/*--------------------------------------------------------------------
	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: -50px 0 0 -50px; 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: #333; animation: half-circle-spinner-animation 1s infinite; }
.half-circle-spinner .circle.circle-2 { border-bottom-color: #333; animation: half-circle-spinner-animation 1s infinite alternate; }

@keyframes half-circle-spinner-animation {
  0% {
    transform: rotate(0deg);

  }
  100%{
    transform: rotate(360deg);
  }
}


.loader,
.loader:after {
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.loader {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid #363A43;
  border-right: 1.1em solid #363A43;
  border-bottom: 1.1em solid #363A43;
  border-left: 1.1em solid #60A037;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}