@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- bg_PC時の設定
- content
- cta_sec
- point_sec01
- point_sec06
- footer_sec
-------------------------*/
/*=======================================
　bg_PC時の設定
=======================================*/
.bg_back {
  background: url("../img/top/bg_img01.jpg") center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: fixed;
  height: 100vh;
  width: 100%;
  background-attachment: fixed;
  z-index: -1;
}
.bg_back .float_logo {
  position: absolute;
  left: calc(25% - 150px);
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16.4583333333vw;
  margin-left: -8.24vw;
}
@media screen and (max-width: 1024px) {
  .bg_back .float_logo {
    display: none;
  }
}

/*=======================================
　content
=======================================*/
.content {
  max-width: 600px;
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  background: #000;
}

/*=======================================
cta_sec
=======================================*/
.cta_sec {
  background: #F5F5F5;
  padding-bottom: 72px;
}
@media screen and (max-width: 768px) {
  .cta_sec {
    padding-bottom: 36px;
  }
}

/*=======================================
point_sec01
=======================================*/
.point_sec01 {
  padding-bottom: 140px;
}
@media screen and (max-width: 768px) {
  .point_sec01 {
    padding-bottom: 70px;
  }
}
.point_sec01 video {
  width: 100%;
  aspect-ratio: 2/1;
}

/*=======================================
point_sec06
=======================================*/
.point_sec06 {
  padding-bottom: 157px;
}
@media screen and (max-width: 768px) {
  .point_sec06 {
    padding-bottom: 78px;
  }
}
.point_sec06 video {
  width: 100%;
  aspect-ratio: 2/1;
}

/*=======================================
footer_sec
=======================================*/
.footer_sec .company {
  background: #fff;
  text-align: center;
  padding-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .footer_sec .company {
    padding-bottom: 40px;
  }
}
.footer_sec .company a {
  display: inline-block;
  position: relative;
  border-bottom: 1px solid #000;
  font-family: "Inter", sans-serif;
  font-size: 16px;
}
.footer_sec .company a::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background: url(../img/common/icon_link01.svg) no-repeat;
  background-size: contain;
  top: 15%;
  right: -20px;
}/*# sourceMappingURL=top.css.map */