/* line 1, static-page.scss */
.zrp-sp {
  display: flex;
  flex-direction: column; }

/* line 6, static-page.scss */
.zrp-sp__left {
  padding: 20px;
  border-bottom: 1px solid var(--color-btn-bg); }

/* line 11, static-page.scss */
.zrp-sp__left,
.zrp-sp__right {
  font-size: 1.125rem; }

/* line 16, static-page.scss */
.zrp-sp__right {
  padding: 40px 20px; }
  /* line 19, static-page.scss */
  .zrp-sp__right .co-notice--success {
    display: none !important; }
  /* line 22, static-page.scss */
  .zrp-sp__right p {
    margin: 0;
    line-height: 160%; }
    /* line 25, static-page.scss */
    .zrp-sp__right p + p {
      margin-top: 1rem; }

/* line 31, static-page.scss */
.zrp-sp__right-content {
  padding: 20px; }

/* line 35, static-page.scss */
.zrp-sp__title {
  top: 0;
  min-height: 20vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-btn-bg); }

@media screen and (min-width: 767px) {
  /* line 47, static-page.scss */
  .zrp-sp {
    flex-direction: row; }

  /* line 51, static-page.scss */
  .zrp-sp__left,
  .zrp-sp__right {
    flex: 0 0 50%;
    max-width: 50%; }

  /* line 57, static-page.scss */
  .zrp-sp__left {
    border-bottom: 0; }

  /* line 61, static-page.scss */
  .zrp-sp__right {
    padding-top: 150px;
    padding-right: 80px !important;
    padding-bottom: 150px;
    padding-left: 80px !important;
    border-left: 1px solid var(--color-btn-bg); }

  /* line 70, static-page.scss */
  .zrp-sp__quater .zrp-sp__left {
    flex: 0 0 25%;
    max-width: 25%; }
  /* line 74, static-page.scss */
  .zrp-sp__quater .zrp-sp__right {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 !important; }

  /* line 81, static-page.scss */
  .zrp-sp__title {
    position: sticky;
    height: 100vh; } }