.mod-other-free{
    .main-txt-area{
        .qrcode-feature-secret-area{
            position: relative;
            padding: 120px 0 180px;
            @media (max-width: 959px) {
                padding-block: 120px 120px;
            }
            .qrcode-feature-secret-background{
                background-image: repeating-linear-gradient(90deg, rgba(204, 204, 204, 0.2) 0px, rgba(204, 204, 204, 0.2) 1px, transparent 1px, transparent 24px), repeating-linear-gradient(0deg, rgba(204, 204, 204, 0.2) 0px, rgba(204, 204, 204, 0.2) 1px, transparent 1px, transparent 24px);
                width: 100vw;
                height: 100%;
                position: absolute;
                z-index: -1;
                top: 0;
                left: -100%;
                right: -100%;
                margin: auto;
            }
            .qrcode-title-area{
                .qrcode-title{
                    color: #333;
                    font-family: denso-en, denso-jp, Helvetica, Arial, sans-serif;
                    font-size: 40px;
                    font-weight: 700;
                    line-height: 90px;
                    letter-spacing: 0.8px;
                    @media (max-width: 959px) {
                        font-size: 24px;
                        line-height: 60px;
                        letter-spacing: 0.48px;
                    }
                    .qrcode-title-number{
                        color: #DC0032;
                        font-family: "Meow Script";
                        font-size: 120px;
                        font-weight: 400;
                        line-height: 90px;
                        letter-spacing: 12px;
                        @media (max-width: 959px) {
                            font-size: 64px;
                            line-height: 60px;
                            letter-spacing: 6.4px;
                        }
                        &.large{
                            font-size: 130px;
                            letter-spacing: 2.6px;
                            @media (max-width: 959px) {
                                font-size: 64px;
                                line-height: 60px;
                                letter-spacing: 1.28px;
                            }
                        }
                    }
                    .sp-only{
                        display: none;
                        @media (max-width: 959px) {
                            display: block;
                        }
                    }
                }
                .title-bottomline-img{
                    @media (max-width: 959px) {
                        margin-top: 6px;
                    }
                }
            }
            .qrcode-feature-secret-card{
                padding-top: 86px;
                display: flex;
                gap: 40px;
                @media (max-width: 959px) {
                    flex-direction: column;
                    padding-top: 73px;
                    gap: 24px;
                }
                .feature-secret-card-img{
                    width: 400px;
                    height: 100%;
                    aspect-ratio: 4 / 3;
                    border: 1px dashed #DC0032;
                    @media (max-width: 959px) {
                        width: 100%;
                    }
                }
                .feature-secret-card-text-wrapper{
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    .feature-secret-card-title{
                        color: #333;
                        font-family: denso-en, denso-jp, Helvetica, Arial, sans-serif;
                        font-size: 16px;
                        font-weight: 700;
                        line-height: 200%;
                        letter-spacing: 0.8px;
                        margin-bottom: 16px;
                        @media (max-width: 959px) {
                            font-size: 20px;
                            line-height: 150%;
                            letter-spacing: 1px;
                        }
                    }
                    .feature-secret-card-desc{
                        color: #333;
                        font-family: denso-en, denso-jp, Helvetica, Arial, sans-serif;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 300;
                        line-height: 200%;
                        letter-spacing: 0.8px;
                        margin-bottom: 0;
                        @media (max-width: 959px) {
                            line-height: 35px;
                        }
                    }
                }
            }
        }

        .qrcode-feature-secret-title-area{
            display: flex;
            align-items: flex-start;
            gap: 22px;
            margin-block: 104px 40px;
            .qrcode-icon{
                width: 26.65px;
                height: 26.65px;
                flex-shrink: 0;
            }
            .qrcode-feature-secret-title{
                color: #333;
                font-family: denso-en, denso-jp, Helvetica, Arial, sans-serif;
                font-size: 28px;
                font-weight: 700;
                line-height: 100%;
                letter-spacing: 1.4px;
                @media (max-width: 959px) {
                    font-size: 24px;
                    line-height: 140%;
                    letter-spacing: 1.2px;
                }
            }
        }
        .qrcode-feature-list-3col{
            padding-top: 43px;
            display: flex;
            gap: 40px;
            @media (max-width: 959px) {
                padding-top: 24px;
                flex-direction: column;
                gap: 64px;
            }
            .feature-card{
                flex: 1;
                .feature-card-img-wrapper{
                    position: relative;
                    .feature-card-number{
                        width: 70px;
                        height: 64px;
                        position: absolute;
                        top: -32px;
                        left: 16px;
                    }
                    .feature-card-img{
                        border: 1px dashed #DC0032;
                    }
                }
                .feature-card-text-wrapper{
                    display: flex;
                    flex-direction: column;
                    gap: 16px;
                    margin-top: 24px;
                    .feature-card-title{
                        color: #333;
                        font-family: denso-en, denso-jp, Helvetica, Arial, sans-serif;
                        font-size: 16px;
                        font-weight: 700;
                        line-height: 200%;
                        letter-spacing: 0.8px;
                        margin-bottom: 0;
                        @media (max-width: 959px) {
                            font-size: 20px;
                            line-height: 150%;
                            letter-spacing: 1px;
                        }
                    }
                    .feature-card-desc{
                        color: #333;
                        font-family: denso-en, denso-jp, Helvetica, Arial, sans-serif;
                        font-size: 16px;
                        font-weight: 300;
                        line-height: 200%;
                        letter-spacing: 0.8px;
                        margin-bottom: 0;
                        @media (max-width: 959px) {
                            line-height: 35px;
                        }
                    }
                }
            }
        }
        .qrcode-secret-text{
            color: #333;
            font-family: denso-en, denso-jp, Helvetica, Arial, sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 200%;
            letter-spacing: 0.32px;
            margin-bottom: 0;
            @media (max-width: 959px) {
                font-weight: 300;
                line-height: 35px;
            }
        }
        .qrcode-secret-list{
            padding-top: 64px;
            display: flex;
            flex-direction: column;
            gap: 32px;
            @media (max-width: 959px) {
                gap: 64px;
            }
            .qrcode-secret-card{
                display: flex;
                gap: 40px;
                @media (max-width: 959px) {
                    flex-direction: column;
                }
                .secret-card-img{
                    width: 400px;
                    height: 100%;
                    aspect-ratio: 16 / 9;
                    border: 1px dashed #DC0032;
                    @media (max-width: 959px) {
                        width: 100%;
                    }
                }
                .secret-card-text-wrapper{
                    .secret-card-number{
                        color: #DC0032;
                        font-family: "Meow Script";
                        font-size: 32px;
                        font-weight: 400;
                        line-height: 200%;
                        letter-spacing: 1.6px;
                        margin-bottom: 0;
                        height: 50px;
                        display: flex;
                        align-items: center;
                        @media (max-width: 959px) {
                            font-size: 40px;
                            line-height: 150%;
                            letter-spacing: 2px;
                        }
                    }
                    .secret-card-title{
                        color: #333;
                        font-family: denso-en, denso-jp, Helvetica, Arial, sans-serif;
                        font-size: 16px;
                        font-weight: 700;
                        line-height: 200%;
                        letter-spacing: 0.8px;
                        margin-bottom: 16px;
                        @media (max-width: 959px) {
                            font-size: 20px;
                            line-height: 150%;
                            letter-spacing: 1px;
                        }
                    }
                    .secret-card-desc{
                        color: #333;
                        font-family: denso-en, denso-jp, Helvetica, Arial, sans-serif;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 300;
                        line-height: 200%;
                        letter-spacing: 0.8px;
                        margin-bottom: 0;
                        @media (max-width: 959px) {
                            line-height: 35px;
                        }
                    }
                }
            }
        }
        .youtube-iframe{
            width: 100%;
            height: auto;
            aspect-ratio: 16 / 9;
        }
        .youtube-iframe + .mod-text-normal{
            margin-top: 30px;
        }
        .qrcode-movie-area{
            position: relative;
            padding-block: 129px 216px;
            @media (max-width: 959px) {
                padding-block: 63px 79px;
            }
            .qrcode-movie-background-wrapper{
                position: absolute;
                width: 100vw;
                height: auto;
                z-index: -2;
                bottom: 0;
                left: -100%;
                right: -100%;
                margin: auto;
                
                .qrcode-movie-background{
                    width: 100%;
                    height: auto;
                    display: block;
                    @media (max-width: 959px) {
                        display: none;
                    }
                }
                
                .qrcode-movie-background-sp{
                    width: 100%;
                    height: auto;
                    display: none;
                    @media (max-width: 959px) {
                        display: block;
                    }
                }
            }
            .qrcode-movie-area-inner{
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 94px;
                @media (max-width: 959px) {
                    gap: 56px;
                }
                .qrcode-movie-area-title-area{
                    gap: 20px;
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    width: 715px;
                    @media (max-width: 959px) {
                        align-items: center;
                        width: 100%;
                    }
                    .qrcode-movie-area-title{
                        color: #333;
                        text-align: center;
                        font-family: denso-en, denso-jp, Helvetica, Arial, sans-serif;
                        font-weight: 700;
                        font-size: 40px;
                        line-height: 160%;
                        letter-spacing: 0.8px;
                        @media (max-width: 959px) {
                            font-size: 24px;
                            letter-spacing: 0.48px;
                        }
                        .sp-only{
                            display: none;
                            @media (max-width: 959px) {
                                display: block;
                            }
                        }
                    }
                }
                .qrcode-movie-iframe{
                    width: 1000px;
                    height: auto;
                    aspect-ratio: 16 / 9;
                    display: block;
                    margin: 0 auto;
                    box-shadow: 2px 1px 25px 4px rgba(0, 0, 0, 0.10);
                    @media (max-width: 1360px) {
                        width: 90%;
                    }
                    @media (max-width: 959px) {
                        width: 100%;
                    }
                }
            }
            .qrcode-movie-img-wrapper-01{
                position: absolute;
                top: 321px;
                left: calc((1280px - 100vw) / 2);
                z-index: -1;
                @media (max-width: 1360px) {
                    left: -40px;
                }
                @media (max-width: 959px) {
                    display: none;
                }
                img{
                    width: 381px;
                    height: 345px;
                    aspect-ratio: 127 / 115;
                }

            }
            .qrcode-movie-img-wrapper-02{
                position: absolute;
                top: 243px;
                right: calc((1280px - 100vw) / 2 + 95.5px);
                z-index: -1;
                @media (max-width: 1360px) {
                    right: calc((1280px - 100vw) / 2);
                }
                @media (max-width: 959px) {
                    display: none;
                }
                img{
                    width: 343px;
                    height: 229px;
                    aspect-ratio: 343/229;
                }

            }
            .qrcode-movie-img-wrapper-03{
                position: absolute;
                bottom: 100px;
                right: calc((1280px - 100vw) / 2);
                z-index: -1;
                @media (max-width: 1360px) {
                    right: -40px;
                }
                @media (max-width: 959px) {
                    display: none;
                }
                img{
                    width: 349px;
                    height: 390px;
                    aspect-ratio: 349/390;
                }
            }
        }
    }
}
/* aboutqr.css */
.about-qrcode-section{
    position: relative;
    padding-block: 120px 100px;
    margin-bottom: 60px;
    @media (max-width: 959px) {
        margin-bottom: 40px;
    }
    &::before{
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100%;
      background-image: 
      linear-gradient(to right, #F5F5F5 0px, #F5F5F5 2px, transparent 2px, transparent 22px),
      linear-gradient(to bottom, #F5F5F5 0px, #F5F5F5 2px, transparent 2px, transparent 22px);
      background-size: 22px 22px;
      background-repeat: repeat;
      z-index: -1;
      margin: 0 calc(50% - 50vw);
    }
    &::after{
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100%;
      margin: 0 calc(50% - 50vw);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 120px);
      z-index: 1;
    }
    .about-qrcode{
      .about-qrcode-subtitle{
        display: flex;
        align-items: center;
        .about-qrcode-icon{
          width: 26.65px;
          height: 26.65px;
          @media screen and (max-width: 959px) {
            width: 28px;
            height: 28px;
          }
        }
        .about-qrcode-subtitle-text{
          color: #DC0032;
          font-family: denso-en, denso-jp, Helvetica, Arial, sans-serif;
          font-size: 14px;
          font-style: normal;
          font-weight: 700;
          line-height: 100%; /* 14px */
          margin-bottom: unset;
          letter-spacing: 0.7px;
          margin-left: 22px;
        }
      }
      .about-qrcode-title{
        margin-top: 24px;
        margin-bottom: 0 !important;
        color: #333;
        font-family: denso-en, denso-jp, Helvetica, Arial, sans-serif;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 160%; /* 64px */
        letter-spacing: 0.8px;
        @media screen and (max-width: 959px) {
          font-size: 24px;
          letter-spacing: 0.48px;
        }
      }
    }
    .about-qrcode-desc{
      margin-top: 56px;
      color: #333;
      font-family: denso-en, denso-jp, Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 220%; /* 39.6px */
      letter-spacing: 0.36px;
      @media screen and (max-width: 959px) {
        font-size: 16px;
        font-weight: 300;
        line-height: 35px; /* 218.75% */
        letter-spacing: 0.32px;
      }
    }
    .splide{
      margin-top: 80px;
      width: 100vw;
      margin-left: calc(50% - 50vw);
      overflow: hidden;
      .splide__track{
        .splide__list{
          display: flex;
          .splide__slide{
            width: 18.75vw !important;
            height: 18.75vw !important;
            flex-shrink: 0;
            @media screen and (max-width: 959px) {
              width: 53.33vw !important;
              height: 53.33vw !important;
            }
            .img{
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
          }
        }
      }
    }
  }
  @media screen and (max-width: 959px) {
    ._pc{
      display: none;
    }
  }