@charset "UTF-8";
/*標準ボタン
---------------------------------------------------------------*/
/*鍵フックボタン
---------------------------------------------------------------*/
/*カーテンボタン
---------------------------------------------------------------*/
/*ラインダッシュボタン
---------------------------------------------------------------*/
/*IE対応のグラデーション
========================================================================*/
/*変数指定
=======================================================*/
/*メインカラー
--------------------------------------------*/
/*フォント
--------------------------------------------*/
/*body以下
=======================================================*/
body {
  height: 100vh;
  position: relative;
  z-index: 2;
}
body::before {
  content: "";
  display: block;
  aspect-ratio: 256/516;
  clip-path: polygon(100% 100%, 100% 0, 0 0);
  background: #13c4f7;
  position: fixed;
  top: 0;
  right: 0;
  z-index: -1;
  width: 13.33%;
}
body::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("/img/pc/bg.png");
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -2;
}

/*Custom
=======================================================*/
.pc-max-bx .obj-bg {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.pc-max-bx .obj-bg::before, .pc-max-bx .obj-bg::after {
  content: "";
  display: block;
  aspect-ratio: 1340/311;
  clip-path: polygon(0 100%, 100% 100%, 0 0);
  background: #13c4f7;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 69.79%;
}
.pc-max-bx .obj-bg::after {
  aspect-ratio: 1490/314;
  clip-path: polygon(0 100%, 100% 100%, 100% 0);
  background: #1d53b0;
  margin-left: auto;
  position: static;
  width: 77.6%;
}

.sub-contents {
  width: 220px;
  height: 600px;
  position: fixed;
  top: 0;
  left: 15%;
  padding: 30px 0 0;
  transition: 0.4s;
}
.sub-contents .logo-sub {
  margin: 0 auto;
  width: 140px;
  max-width: 100%;
}
.sub-contents .btn a {
  height: 50px;
}
@media screen and (max-width: 990px) {
  .sub-contents {
    left: 10%;
  }
}
@media screen and (max-width: 790px) {
  .sub-contents {
    left: 5%;
  }
}

.header-nav {
  border-top: solid 1px #0f0f12;
  border-bottom: solid 1px #0f0f12;
  margin-top: 30px;
}
.header-nav__list {
  font-size: 15px;
  letter-spacing: 0;
  padding: 25px 10px;
  display: flex;
  flex-direction: column;
  row-gap: 25px;
}
.header-nav__item {
  line-height: 1;
}

.sub-contents-lt {
  left: 0;
  top: 0;
}

.sub-contents-lb {
  left: 0;
  bottom: 0;
}

.sub-contents-rt {
  right: 0;
  top: 0;
}

.sub-contents-rb {
  right: 0;
  bottom: 0;
}

.sub-contents-side-lt {
  position: fixed;
  top: 0;
  margin-left: -248px;
}

.sub-contents-side-lb {
  position: fixed;
  bottom: 0;
  margin-left: -248px;
}

.sub-contents-side-rt {
  position: fixed;
  top: 0;
  margin-left: 360px;
}

.sub-contents-side-rb {
  position: fixed;
  bottom: 0;
  margin-left: 360px;
}

.main-contents-container {
  width: 375px;
  position: absolute;
  top: 0;
  right: 15%;
  transition: 0.4s;
  background: #fff;
  z-index: 99;
}
.main-contents-container .footer-nav__link::before {
  width: 5px;
}
@media screen and (max-width: 990px) {
  .main-contents-container {
    right: 10%;
  }
}
@media screen and (max-width: 790px) {
  .main-contents-container {
    right: 5%;
  }
}

.main-contents-bx {
  height: 100%;
}

.contents-r {
  right: 0;
}

.contents-c {
  left: 0;
  right: 0;
  margin: 0 auto;
}/*# sourceMappingURL=style_pc.css.map */