/* ---------------------------------------------------------------------- */
/*  Basic Elements & Classes
/* ---------------------------------------------------------------------- */
/* line 4, ../sass/partials/_base.scss */
html, body {
  width: 100%;
  overflow-x: hidden;
}
/* line 8, ../sass/partials/_base.scss */
body {
  /*color: #8B91A0;*/
  color: #000;
  direction: ltr;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: Meiryo,"メイリオ",Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3",Helvetica,ArialMT,Osaka,Verdana,"MS PGothic","ＭＳ Ｐゴシック",sans-serif;
  font-size: 13px;
  padding: 0;
  margin: 0;
  background: #ffffff;
  height: 100%;
}
/* line 17, ../sass/partials/_base.scss */
body.bg_style_1 {
  background: image-url('bootstrap/bg.png') transparent !important;
}
/* line 20, ../sass/partials/_base.scss */
body.bg_style_2 {
  background: image-url('bootstrap/bg_2.png') transparent !important;
}
/* line 23, ../sass/partials/_base.scss */
body.bg_style_3 {
  background: image-url('bootstrap/bg_3.png') transparent !important;
}
/* line 26, ../sass/partials/_base.scss */
body.bg_style_4 {
  background: image-url('bootstrap/bg_4.png') transparent !important;
}
/* line 29, ../sass/partials/_base.scss */
body.bg_style_5 {
  background: image-url('bootstrap/bg_5.png') transparent !important;
}

/* line 33, ../sass/partials/_base.scss */
::-moz-selection {
  background: #5F8295;
  text-shadow: none;
  color: #ffffff;
}

/* line 38, ../sass/partials/_base.scss */
::selection {
  background: #5F8295;
  text-shadow: none;
  color: #ffffff;
}

/* line 44, ../sass/partials/_base.scss */
a, a:focus, a:hover, a:active {
  outline: 0 !important;
  text-decoration: none !important;
}

/* line 48, ../sass/partials/_base.scss */
a {
  color: #88BBC8;
}
/* line 51, ../sass/partials/_base.scss */
a:hover, a:focus, a:active {
  color: #4a8fa0;
}

/* line 55, ../sass/partials/_base.scss */
h1, h2, h3, h4 {
  font-family: Meiryo,"メイリオ",Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3",Helvetica,ArialMT,Osaka,Verdana,"MS PGothic","ＭＳ Ｐゴシック",sans-serif;
  font-weight: 300;
}
/* line 58, ../sass/partials/_base.scss */
.text-bold h1, h1.text-bold, h1 .text-bold, .text-bold h2, h2.text-bold, h2 .text-bold, .text-bold h3, h3.text-bold, h3 .text-bold, .text-bold h4, h4.text-bold, h4 .text-bold {
  font-weight: 600;
}

/* line 63, ../sass/partials/_base.scss */
.main-wrapper {
  position: relative;
}
/* line 65, ../sass/partials/_base.scss */
.main-wrapper > .inner-transform {
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 71, ../sass/partials/_base.scss */
.ajax-white-backdrop {
  background-color: rgba(255, 255, 255, 0.5);
  display: none;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1049;
}

/* line 81, ../sass/partials/_base.scss */
.ajax-white-backdrop:before {
  background: #000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  top: 60px;
  left: 50%;
  margin-left: -20px;
  content: "";
  position: absolute;
}

/* line 93, ../sass/partials/_base.scss */
.ajax-white-backdrop:after {
  content: "\f110";
  font-family: 'Font Awesome 5 Free';
  width: 40px;
  height: 40px;
  line-height: 40px;
  top: 60px;
  color: #ffffff;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}