@charset "UTF-8";
/* フォント
---------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/* 切り替え
---------------------------------------------------------- */
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
/* 決まりごと
---------------------------------------------------------- */
html {
  scroll-behavior: smooth;
}
a:hover img {
  opacity: 0.5;
}
/*グレーアウト*/
.img_grayout {
  filter: grayscale(100%);
}
p.indent-1 {
  padding-left: 1em;
  text-indent: -1em;
}
/* ベース
---------------------------------------------------------- */
.subaru_subaru-contents {
  background-color: #052a68;
  width: 100%;
}
/* 背景
---------------------------------------------------------- */
.speed_bg {
  position: relative;
  isolation: isolate;
  width: 100vw;
  min-height: 100vh;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
  background: linear-gradient(to right, #063b78 0%, #031a38 45%, #000 100%);
}
.speed_bg::before {
  content: "";
  position: absolute;
  inset: -50%;
  z-index: 0;
  background-image:
    repeating-linear-gradient(-25deg, transparent 0, transparent 13px, rgba(255, 255, 255, .20) 14px, rgba(255, 255, 255, .20) 15px, transparent 16px, transparent 38px), repeating-linear-gradient(-25deg, transparent 0, transparent 55px, rgba(80, 160, 255, .30) 56px, rgba(80, 160, 255, .30) 60px, transparent 61px, transparent 100px);
  animation: speedLines 3.5s ease-out infinite;
  pointer-events: none;
  opacity: 0.5;
}
@keyframes speedLines {
  0%, 38% {
    transform: translate(0, 0);
    opacity: 0.35;
  }
  43% {
    transform: translate(180px, -84px);
    opacity: 0.7;
  }
  48%, 78% {
    transform: translate(180px, -84px);
    opacity: 0.35;
  }
  83% {
    transform: translate(360px, -168px);
    opacity: 0.7;
  }
  88%, 100% {
    transform: translate(360px, -168px);
    opacity: 0.35;
  }
}
/* メイン
---------------------------------------------------------- */
.main_container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow: visible;
}
.main_box {
  width: 960px;
  height: auto;
  padding: 3em 0 1em;
}
/* 購入ボタン
---------------------------------------------------------- */
/* エリア */
.item_button_area {
  position: relative;
  width: 100%;
  height: auto;
}
.item_button_area > img {
  display: block;
  width: 100%;
  height: auto;
}
.item_button_waku {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.btn_btob_grad {
  display: block;
  width: 75%;
  box-sizing: border-box;
  margin: 0;
  padding: 2em 3em;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  box-shadow: 0 0 20px #eee;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  outline: none;
  border: none;
  color: #dfdfdf !important;
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-style: normal;
  background-image: linear-gradient(to right, #000428 0%, #004e92 51%, #000428 100%);
}
.btn_btob_grad:hover {
  background-position: right center;
  color: #fff !important;
  text-decoration: none;
}
/* コピーライト
---------------------------------------------------------- */
.txt_copyright {
  color: #DFDFDF;
  font-size: 1rem;
  line-height: 1.7;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}