@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*Regular*/
@font-face {
  font-family: "Bebas Neue";
  src: url("fonts/BebasNeue-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
/*==========================================
変数 fonts.scss
===========================================*/
/*===================================
userSS 追加
=====================================*/
/*======================================================
 THANKS
=======================================================*/
.page-thanks {
  position: relative; }
  .page-thanks::before {
    content: "";
    background: #31a4ff;
    background: radial-gradient(circle, #31A4FF 0%, #062362 100%);
    height: 100vh;
    height: 100svh;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: block;
    top: 0;
    left: 0;
    pointer-events: none; }
    @media screen and (min-width: 961px) {
      .page-thanks::before {
        min-height: 1200px; } }
  .page-thanks .breadcrumbs_area {
    font-size: clamp(1.2rem, 1.4vw, 1.4rem);
    font-weight: 300;
    letter-spacing: 0.1em;
    margin-top: calc(105px + 1%);
    margin-bottom: 2%;
    right: 2%;
    text-align: right;
    position: relative; }
    @media screen and (min-width: 961px) {
      .page-thanks .breadcrumbs_area {
        letter-spacing: 0.2em; } }
    @media screen and (max-width: 960px) {
      .page-thanks .breadcrumbs_area {
        margin-top: 80px;
        margin-bottom: 40px; } }
    @media screen and (max-width: 767px) {
      .page-thanks .breadcrumbs_area {
        margin-top: 60px; } }
    .page-thanks .breadcrumbs_area.right {
      text-align: right; }
    .page-thanks .breadcrumbs_area.cW {
      color: #fff; }
      .page-thanks .breadcrumbs_area.cW a {
        color: #fff; }
        .page-thanks .breadcrumbs_area.cW a::after {
          background: #fff; }
  .page-thanks .ttl-area {
    text-align: center;
    color: #fff; }
  .page-thanks .page-ttl {
    margin: 60px 0;
    text-align: center; }
    @media screen and (max-width: 960px) {
      .page-thanks .page-ttl {
        font-size: clamp(3rem, 12.5vw, 12rem); } }
  .page-thanks .page-ttl-en {
    font-size: clamp(3rem, 11.9791666667vw, 23rem);
    letter-spacing: 0.12em;
    font-weight: bold;
    margin-bottom: -4%;
    line-height: 1;
    color: #000; }
  .page-thanks .page-ttl-ja {
    font-size: clamp(2.8rem, 2.6042vw, 5rem);
    letter-spacing: 0.2em;
    font-weight: 500;
    font-family: "Zen Old Mincho", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    position: relative;
    z-index: 1;
    line-height: 2; }
    @media screen and (max-width: 960px) {
      .page-thanks .page-ttl-ja {
        font-size: clamp(1.8rem, 2.6042vw, 5rem); } }
  .page-thanks .page-txt {
    text-align: center;
    font-size: clamp(1.4rem, 0.8333333333vw, 1.6rem);
    letter-spacing: 0.1em;
    font-weight: 400;
    line-height: clamp(3.2rem, 2.1875vw, 4.2rem); }
    @media screen and (max-width: 576px) {
      .page-thanks .page-txt {
        text-align: start; }
        .page-thanks .page-txt .pc-none {
          display: none; } }
  .page-thanks .backTopBtn-wrap {
    margin-top: clamp(30px, 7.8125vw, 150px); }
  .page-thanks .btn-more-wrap {
    margin-inline: auto; }

.sppc-none {
  display: none; }
  @media (768px <= width <= 1360px) {
    .sppc-none {
      display: block; } }

/*==========================================
404
===========================================*/
.page-notfound .page-ttl {
  margin: 60px 0 0;
  text-align: center; }
.page-notfound .page-ttl-en {
  font-size: clamp(3rem, 11.9791666667vw, 23rem);
  letter-spacing: 0.12em;
  font-weight: bold;
  margin-bottom: 0%;
  line-height: 1;
  color: #000; }
  @media screen and (max-width: 960px) {
    .page-notfound .page-ttl-en {
      font-size: clamp(3rem, 23.9583333333vw, 23rem); } }
  .page-notfound .page-ttl-en .small {
    font-size: clamp(3rem, 4.4270833333vw, 8.5rem); }
    @media screen and (max-width: 960px) {
      .page-notfound .page-ttl-en .small {
        font-size: clamp(3rem, 8.8541666667vw, 8.5rem); } }
.page-notfound .earth-wrap {
  max-width: 960px;
  margin-inline: auto;
  width: 50vw; }

.bottomCtsLink-block {
  margin-top: 0%; }

/*==========================================
 【TOP】
===========================================*/
.backTopBtn-wrap {
  display: flex;
  align-items: center;
  margin-top: clamp(80px, 7.8125vw, 150px); }
  .backTopBtn-wrap.Left {
    justify-content: flex-start; }
  .backTopBtn-wrap.Right {
    justify-content: flex-end; }
  .backTopBtn-wrap.Center {
    justify-content: center; }
  @media screen and (max-width: 960px) {
    .backTopBtn-wrap.sp_Center {
      justify-content: center; } }
  .backTopBtn-wrap.wht .backTopBtn {
    display: inline-block;
    border: 1px solid #333333;
    border-radius: 0px;
    color: #333333;
    letter-spacing: 0.2em;
    padding: 0.6em 2em;
    position: relative;
    overflow: hidden;
    z-index: 2;
    transition: 0.3s ease-in-out;
    background: #333333; }
    .backTopBtn-wrap.wht .backTopBtn.normal::before {
      content: "";
      width: 120%;
      height: 200%;
      position: absolute;
      top: -50%;
      right: 0;
      background: #333333;
      border-radius: 0 100% 100% 0;
      transform: translateX(-100%);
      transition: transform ease 0.3s;
      z-index: -1; }
    .backTopBtn-wrap.wht .backTopBtn.bgLeft:before {
      content: "";
      /*絶対配置で位置を指定*/
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      /*色や形状*/
      background: #333333;
      /*背景色*/
      width: 120%;
      height: 200%;
      /*アニメーション*/
      transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
      transform: scale(0, 1);
      transform-origin: right top; }
  .backTopBtn-wrap .btn-txt {
    position: relative;
    z-index: 1;
    font-size: clamp(1.4rem, 0.9375vw, 1.8rem);
    font-weight: 600; }
    @media screen and (min-width: 376px) {
      .backTopBtn-wrap .btn-txt {
        margin-right: 1em; } }
    @media screen and (max-width: 960px) {
      .backTopBtn-wrap .btn-txt {
        white-space: nowrap; } }
    @media screen and (max-width: 375px) {
      .backTopBtn-wrap .btn-txt {
        margin-bottom: 1em; } }
  .backTopBtn-wrap .backTopBtn {
    display: inline-block;
    border: 1px solid #333333;
    border-radius: 0px;
    color: #333333;
    letter-spacing: 0.2em;
    padding: 0.6em 2em;
    position: relative;
    overflow: hidden;
    z-index: 2;
    transition: 0.3s ease-in-out;
    background: #fff; }
    .backTopBtn-wrap .backTopBtn.normal::before {
      content: "";
      width: 120%;
      height: 200%;
      position: absolute;
      top: -50%;
      right: 0;
      background: #333333;
      border-radius: 0 100% 100% 0;
      transform: translateX(-100%);
      transition: transform ease 0.3s;
      z-index: -1; }
    .backTopBtn-wrap .backTopBtn.bgLeft:before {
      content: "";
      /*絶対配置で位置を指定*/
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      /*色や形状*/
      background: #333333;
      /*背景色*/
      width: 120%;
      height: 200%;
      /*アニメーション*/
      transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
      transform: scale(0, 1);
      transform-origin: right top; }
  .backTopBtn-wrap .item-more-flex {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 375px) {
      .backTopBtn-wrap .item-more-flex {
        flex-direction: column; } }

@media (hover: hover) {
  .item-more-hover:hover:hover .backTopBtn.normal {
    color: #fff; }
    .item-more-hover:hover:hover .backTopBtn.normal::before {
      transform: translateX(10%); }
  .item-more-hover:hover:hover .backTopBtn.bgLeft {
    color: #fff; }
    .item-more-hover:hover:hover .backTopBtn.bgLeft::before {
      transform-origin: left top;
      transform: scale(1, 1); }
  .item-more-hover:hover:hover .backTopBtn.wht {
    color: #fff; }
    .item-more-hover:hover:hover .backTopBtn.wht::before {
      transform-origin: left top;
      transform: scale(1, 1); } }

/*# sourceMappingURL=subpage.css.map */