body { font-size: .8125rem; }
li { list-style: none outside none; }

/* ------------------------------------------------------------

  LPで使用する共通クラスに関しては、先頭に"lp-"を付与すること

------------------------------------------------------------ */
/* -- loading --*/
.lp-isLoading .l-breadcrumb,
.lp-isLoading .l-content {
  display: none;
}

.lp-loader {
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  height: 500px;
  min-height: 150px;
  color: #004098;
  font-size: 13px;
  font-weight: bold; 
}

.lp-loader:before {
  left: 50%;
  box-sizing: content-box;
  width: 42px;
  height: 42px;
  margin-bottom: 8px;
  margin-left: -8px;
  border: 7px solid #004098;
  border-right-color: #e5e5e5;
  border-radius: 50%;
  animation-name: loading-rotate;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  content: "";
}
@keyframes loading-rotate {
  0% { transform: rotate(0) }
  to { transform: rotate(1turn) }
}