@charset "UTF-8";

html,
body {
  height: 100%;
  margin: 0;
  overflow: hidden;
}

#main + section {
  height: 100vh;
  overflow: hidden;
  background-image: url(/common/upload_data/assist-centeringcojp/image/20260529100742.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 0 !important;
}

#main + section .content_wrapper {
  height: 100vh;
  overflow: hidden;
  padding: 0 !important;
}

.sp-scroll-wrap {
  width: 50%;
  height: 100vh;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  display: block;
  position: relative;
  z-index: 2;
}

.sp-lp {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 20px 60px rgba(0, 40, 100, 0.25);
}

/* SPでは通常スクロールに戻す */
@media (max-width: 768px) {
  html,
  body {
    height: auto;
    overflow: auto;
  }

  #main + section,
  #main + section .content_wrapper {
    height: auto;
    overflow: visible;
    background-image: none;
  }

  .sp-scroll-wrap {
    width: 100% !important;
    height: auto;
    overflow: visible;
  }

  .sp-lp {
    width: 100%;
    max-width: none;
    box-shadow: none;
  }
}
.section {
    margin: 0 auto;
    position: relative;
    width: 50%;
    line-height: 0;
}