@charset "UTF-8";

/*
MARK: cascade
*/
.pane-contents:has(.point-cp) {
  margin-top: 0;

  .container {
    max-width: 100%;
    display: block;
  }

  .point-cp-container{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }

  .point-cp-container .intro{
    margin: 40px 0;
    text-align: center;
  }

  .block-event-page--goods {
    max-width: 1200px;
    margin-inline: auto;
  }

  .point-cp .point-case{
    display: flex;
    align-items: center;
    gap: 20px;
    border: #eaf6fc 3px solid;
    border-radius: 30px;
    overflow: hidden;
    padding: 15px;
  }

  .point-cp .point-case > div:nth-child(1){
    width: 55%;
  }
  .point-cp .point-case > div:nth-child(2){
    width: 45%;
  }

  .point-cp .point-case-right{
    text-align: center;
  }

  .point-cp .go-to-mypage{
    font-size: 18px;
  }

  .point-cp .go-to-mypage a{
    color: #1E5BAA;
    text-decoration: underline;
    font-size: 21px;
  }
}

@media screen and (max-width: 768px) {
  .pane-contents:has(.point-cp) {
    .block-event-page{
      margin: 0;
    }
    .point-cp .point-case{
      flex-direction: column;
    }
    .point-cp .point-case > div:nth-child(1),
    .point-cp .point-case > div:nth-child(2){
      width: 100%;
    }
    .point-cp .go-to-mypage p{
      font-size: 4.0cqw;
    }
    .point-cp .go-to-mypage a{
      font-size: 4.5cqw;
    }
  }
}