@charset "UTF-8";
html {
  font-size: 16px;
  scroll-behavior: smooth;
}
body {
  width: 100%;
  color: #151515;
  font-family: Futura, "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック体", Meiryo, 'Hiragino Kaku Gothic ProN', sans-serif;
}
/* fixed */
.fixed_btn {
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 5;
  transform: translateX(-50%);
  width: 100%;
  height: min(156/760*100cqw,156px);
}
.fixed_inner .pc_only {
  display: none;
}
.fixed_btn .cta img {
  vertical-align: bottom;
}
@media screen and (min-width: 761px) {
  .fixed_btn {
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 5;
    transform: translateY(-50%);
    width: 100%;
    width: calc(100% - 390px);
    height: auto;
    max-height: 783px;
  }
  .fixed_inner {
    display: grid;
    grid-template-rows: 3fr auto 1fr;
    justify-content: center;
    align-items: center;
    width: 310px;
    height: 100%;
    max-height: 783px;
    margin: auto;
    text-align: center;
  }
  .fixed_inner .pc_only {
    display: block;
  }
  .fixed_inner .logo {
    align-self: flex-start;
    margin: 0 auto;
  }
  .fixed_inner p {
    padding: 1.5em 0;
    border-top: solid 1px #151515;
    border-bottom: solid 1px #151515;
    font-weight: 600;
    font-size: clamp(10px,16/370*100cqw,16px);
    line-height: 1.8;
    letter-spacing: .24em;
  }
  .fixed_inner .cta {
    align-self: flex-end;
  }
}
@media screen and (min-width: 1025px) {
  .fixed_btn {
    width: 525px;
  }
}
/* wrapper style */
.wrapper {
  width: 100%;

  container-type: inline-size;
}
@media screen and (min-width: 761px) {
  .wrapper {
    display: grid;
    grid-template-columns: 1fr min(390/390*100cqw,390px);
    background: url(https://lp.bidish.jp/assets/img/bg.webp);
    background-attachment: fixed;
  }
}
@media screen and (min-width: 1025px) {
  .wrapper {
    grid-template-columns: 525px 390px 3fr;
  }
}
/* title area */
.title_column {
  display: none;
}
@media screen and (min-width: 761px) {
  .title_column {
    display: inline-block;
    order: 1;
    width: 100%;
  }
}

/* menu column */
.menu_column {
  display: none;
}
@media screen and (min-width: 1025px) {
  .menu_column {
    display: block;
    order: 3;
    width: 100%;
    background: url(https://lp.bidish.jp/assets/img/menu_bg.webp) center center repeat-x;
    background-attachment: fixed;
  }
}
/* container style */
.container {
  order: 2;
  position: relative;
  width: 100%;
  max-width: 760px;
  margin: 0 auto min(156/760*100cqw,156px);
  overflow: hidden;
  background-color: #fafafa;

  container-type: inline-size;
}
@media screen and (min-width: 761px) {
  .container {
    width: 100%;
    max-width: 390px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1025px) {
  .container {
    width: 100%;
    max-width: 390px;
    margin-bottom: 0;
  }
}
.wrap_620 {
  width: min(620/760*100cqw,620px);
  margin: auto;
}
/* fv */
.fv {
  position: relative;
}
.fv_txt {
  position: absolute;
  top: min(64/760*100cqw,64px);
  left: min(64/760*100cqw,64px);
  width: min(456/760*100cqw,456px);
  color: #fff;
  font-weight: 600;
  font-size: clamp(10px,84/760*100cqw,84px);
  line-height: 1.5;
  letter-spacing: .04em;
}
.fv .scroll {
  display: flex;
  align-items: flex-end;
  position: absolute;
  top: min(100/760*100cqw,100px);
  right: min(20/760*100cqw,20px);
  height: min(310/760*100cqw,310px);
}
.fv .scroll img {
  width: min(20/760*100cqw,20px);
}

.fv .scroll::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(2/760*100cqw,2px);
  height: min(184/760*100cqw,184px);
  margin: auto;
  background: #999;
  content: "";
  animation: scroll 1s ease infinite;
}
@keyframes scroll {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@media screen and (min-width: 1500px) {
  .fixed_menu {
    display: inline-block;
    position: fixed;
    bottom: clamp(10px,50px,5%);
    left: clamp(10px,50px,5%);
    z-index: 6;
    background-color: #fff;
    font-weight: 600;
    font-size: clamp(10px,24/760*100cqw,24px);
    line-height: 1.4;
    letter-spacing: .16em;
  }
  .fixed_menu li {
    margin-bottom: 2%;
  }
}

/* FV01 */
.fv01 {
  background: url(https://lp.bidish.jp/assets/fv01/img/fv_bg/webp) no-repeat center center;
  background-size: contain;
}