@media screen {
  .js-rdqm-visible {
    -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s ease-out;
    transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s ease-out;
    transition: opacity 0.5s 0.5s, transform 0.5s 0.5s ease-out;
    transition: opacity 0.5s 0.5s, transform 0.5s 0.5s ease-out, -webkit-transform 0.5s 0.5s ease-out;
  }
  .is-before-rdqm-visible {
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  .is-rdqm-visible {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.rdqm-mv {
  width: 100%;
  position: relative;
  padding-top: var(--hidden-in-header);
}
@media only screen and (max-width: 767px) {
  .rdqm-mv {
    padding-top: 0;
  }
}
.rdqm-mv img {
  width: 100%;
}
.rdqm-mv__decoration > img {
  position: absolute;
}
.is-before-rdqm-visible .rdqm-mv__decoration > img {
  opacity: 0;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
}
.rdqm-mv__decoration > img .is-rdqm-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media only screen and (max-width: 767px) {
  .rdqm-mv__decoration--pc {
    display: none;
  }
}
.rdqm-mv__decoration--pc > img:nth-child(1) {
  top: 19.1800878477vw;
  top: calc(var(--hidden-in-header) + 11.859443631vw);
  left: 7.027818448vw;
  width: 76.2079062958vw;
  -webkit-transition: opacity 0.5s 1.5s, -webkit-transform 0.5s 1.5s ease-out;
  transition: opacity 0.5s 1.5s, -webkit-transform 0.5s 1.5s ease-out;
  transition: opacity 0.5s 1.5s, transform 0.5s 1.5s ease-out;
  transition: opacity 0.5s 1.5s, transform 0.5s 1.5s ease-out, -webkit-transform 0.5s 1.5s ease-out;
}
.rdqm-mv__decoration--pc > img:nth-child(2) {
  top: 13.1039531479vw;
  top: calc(var(--hidden-in-header) + 5.7833089312vw);
  left: 7.3938506589vw;
  width: 81.0395314788vw;
  -webkit-transition: opacity 0.5s 1.8s, -webkit-transform 0.5s 1.8s ease-out;
  transition: opacity 0.5s 1.8s, -webkit-transform 0.5s 1.8s ease-out;
  transition: opacity 0.5s 1.8s, transform 0.5s 1.8s ease-out;
  transition: opacity 0.5s 1.8s, transform 0.5s 1.8s ease-out, -webkit-transform 0.5s 1.8s ease-out;
}
.rdqm-mv__decoration--sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .rdqm-mv__decoration--sp {
    display: block;
  }
}
.rdqm-mv__decoration--sp > img:nth-child(1) {
  top: 15.4666666667vw;
  left: 3.6vw;
  width: 87.3333333333vw;
  -webkit-transition: opacity 0.5s 1.5s, -webkit-transform 0.5s 1.5s ease-out;
  transition: opacity 0.5s 1.5s, -webkit-transform 0.5s 1.5s ease-out;
  transition: opacity 0.5s 1.5s, transform 0.5s 1.5s ease-out;
  transition: opacity 0.5s 1.5s, transform 0.5s 1.5s ease-out, -webkit-transform 0.5s 1.5s ease-out;
}
.rdqm-mv__decoration--sp > img:nth-child(2) {
  top: 47.6vw;
  left: 3.7333333333vw;
  width: 84.1333333333vw;
  -webkit-transition: opacity 0.5s 1.8s, -webkit-transform 0.5s 1.8s ease-out;
  transition: opacity 0.5s 1.8s, -webkit-transform 0.5s 1.8s ease-out;
  transition: opacity 0.5s 1.8s, transform 0.5s 1.8s ease-out;
  transition: opacity 0.5s 1.8s, transform 0.5s 1.8s ease-out, -webkit-transform 0.5s 1.8s ease-out;
}
.rdqm-mv__hgroup {
  position: absolute;
  top: calc(50% + 1.8301610542vw);
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .rdqm-mv__hgroup {
    top: calc(50% + 9.6vw);
  }
}
.rdqm-mv__title-ruby {
  font-family: var(--font-family-raleway);
  font-size: calc(0.24rem + 13.6 * 0.0732064422vw);
  font-weight: var(--font-weight-medium);
  line-height: 1;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .rdqm-mv__title-ruby {
    font-size: calc(0.3rem + 17 * 0.1333333333vw);
  }
}
.rdqm-mv__title {
  margin-top: 1.0248901903vw;
  font-size: calc(0.675rem + 38.25 * 0.0732064422vw);
  font-weight: var(--font-weight-regular);
  line-height: 1;
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (max-width: 767px) {
  .rdqm-mv__title {
    margin-top: 1.8666666667vw;
    font-size: calc(0.675rem + 38.25 * 0.1333333333vw);
  }
}
.rdqm-mv__text {
  margin-top: 2.9282576867vw;
  font-size: calc(0.36rem + 20.4 * 0.0732064422vw);
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (max-width: 767px) {
  .rdqm-mv__text {
    margin-top: 9.2vw;
    font-size: calc(0.45rem + 25.5 * 0.1333333333vw);
  }
}

.rdqm-lead {
  width: 100%;
  position: relative;
  padding: min(56px, 4.6666666667vw) 0;
  background-color: var(--color-red);
}
@media only screen and (max-width: 767px) {
  .rdqm-lead {
    padding: 10.6666666667vw 0;
  }
}
.rdqm-lead > p {
  font-size: var(--font-size-pc-16px);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (max-width: 767px) {
  .rdqm-lead > p {
    font-size: var(--font-size-sp-28px);
  }
}
.rdqm-lead__br {
  display: none;
}
@media only screen and (max-width: 480px) {
  .rdqm-lead__br {
    display: inline;
  }
}

.rdqm-banners {
  width: 100%;
  max-width: var(--design-inner-width-pc);
  position: relative;
  padding: min(60px, 5vw) 0 0;
}
@media only screen and (max-width: 767px) {
  .rdqm-banners {
    padding: 10.6666666667vw 2.6666666667vw 0;
  }
}
.rdqm-banners__banner {
  position: relative;
}
.rdqm-banners__banner + .rdqm-banners__banner {
  margin-top: min(60px, 5vw);
}
@media only screen and (max-width: 767px) {
  .rdqm-banners__banner + .rdqm-banners__banner {
    margin-top: 10.6666666667vw;
  }
}
.rdqm-banners__link {
  position: relative;
  display: block;
  border-radius: min(5px, 0.4166666667vw);
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .rdqm-banners__link {
    border-radius: 0.6666666667vw;
  }
}
.rdqm-banners__link::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: 100%;
  height: min(8px, 0.6666666667vw);
  background-color: var(--color-red);
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
@media only screen and (max-width: 767px) {
  .rdqm-banners__link::after {
    height: 1.0666666667vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  .rdqm-banners__link:hover::after {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  .rdqm-banners__link:hover .rdqm-banners__link-inner {
    -webkit-filter: brightness(50%);
            filter: brightness(50%);
  }
}
.rdqm-banners__link:focus-visible {
  border-radius: 10px;
  outline: 2px solid var(--color-focus-border, #000);
  outline-offset: 2px;
  background-color: var(--color-focus-bg);
  -webkit-box-shadow: 0 0 0 2px var(--color-focus-bg);
          box-shadow: 0 0 0 2px var(--color-focus-bg);
}
.rdqm-banners__link-inner {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-filter 0.4s;
  transition: -webkit-filter 0.4s;
  transition: filter 0.4s;
  transition: filter 0.4s, -webkit-filter 0.4s;
}
.rdqm-banners__link-inner::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: min(30px, 2.5vw);
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 767px) {
  .rdqm-banners__link-inner::before {
    width: 2.4vw;
  }
}
.rdqm-banners__image > img {
  width: 100%;
}
.rdqm-banners__text {
  position: absolute;
  top: min(171px, 14.25vw);
  left: 0;
  width: min(530px, 44.1666666667vw);
}
@media only screen and (max-width: 767px) {
  .rdqm-banners__text {
    top: 10.6666666667vw;
    width: 53.0666666667vw;
  }
}
.rdqm-banners__text > img {
  width: 100%;
}
.rdqm-banners__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.rdqm-banners__description > p {
  padding: min(24px, 2vw) 0 min(24px, 2vw) min(40px, 3.3333333333vw);
  border-left-width: 1px;
  border-left-style: solid;
  font-size: var(--font-size-pc-16px);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (max-width: 767px) {
  .rdqm-banners__description > p {
    padding: 4vw 0 4vw 5.3333333333vw;
    font-size: var(--font-size-sp-26px);
  }
}
.rdqm-banners__banner--1 .rdqm-banners__description > p {
  border-left-color: var(--color-rdqm--1);
}
.rdqm-banners__banner--2 .rdqm-banners__description > p {
  border-left-color: var(--color-rdqm--2);
}/*# sourceMappingURL=rdqm.css.map */