main.matchalove--top .sec-kv {
  background-repeat: no-repeat;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-kv {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-kv {
    padding: 5vw;
    height: 175vw;
  }
}
main.matchalove--top .sec-kv__image {
  margin: auto;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-kv__image {
    width: 1300px;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 751px) {
  main.matchalove--top .sec-kv__image {
    width: 100%;
    padding: 0 20px;
  }
}
main.matchalove--top .sec-kv__image img {
  width: 100%;
}

@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-sns-links {
    width: 1200px;
    margin: 100px auto auto;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 751px) {
  main.matchalove--top .sec-sns-links {
    width: 100%;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-sns-links {
    margin-top: 15vw;
  }
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-sns-links .inner-wrap {
    display: flex;
    justify-content: center;
    gap: 20px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-sns-links .inner-wrap {
    margin-top: 15vw;
  }
}
main.matchalove--top .sec-sns-links__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  font-weight: 700;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-sns-links__btn {
    flex: 0 0 440px;
    border-radius: 30px;
    height: 110px;
    opacity: 1;
    transition: opacity 200ms linear;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-sns-links__btn {
    width: 100%;
    height: 22.5vw;
  }
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-sns-links__btn:hover {
    opacity: 0.75;
  }
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-sns-links__btn.has-shadow {
    filter: drop-shadow(0px 4px 15px #ddcaba);
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-sns-links__btn.has-shadow {
    filter: drop-shadow(0px 1vw 3.75vw #ddcaba);
  }
}
main.matchalove--top .sec-sns-links__btn--instagram {
  color: #fff;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-sns-links__btn--instagram {
    background-image: url("/matchalove/assets/top/img/common/bg-instagram.webp");
    font-size: 24px;
    font-weight: 500;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-sns-links__btn--instagram {
    background-image: url("/matchalove/assets/top/img/common/bg-instagram-sp.webp");
  }
}
main.matchalove--top .sec-sns-links__btn--amazon {
  color: #000;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-sns-links__btn--amazon {
    background-image: url("/matchalove/assets/top/img/common/bg-amazon.webp");
    padding-right: 240px;
    font-size: 16px;
    font-weight: 500;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-sns-links__btn--amazon {
    background-image: url("/matchalove/assets/top/img/common/bg-amazon-sp.webp");
    margin-top: 2vw;
  }
}

main.matchalove--top .sec-news .inner-wrap {
  position: relative;
  z-index: 20;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-news .inner-wrap {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-news .inner-wrap {
    margin-top: 15vw;
  }
}
main.matchalove--top .sec-news__bg {
  background-color: #fff;
  position: relative;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-news__bg {
    display: flex;
    padding: 50px 80px;
    gap: 75px;
    border-radius: 30px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-news__bg {
    padding: 7.5vw 5vw;
    border-radius: 5vw;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-news__body {
    margin-top: 8.75vw;
  }
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-news__item {
    padding: 16px 0;
    border-bottom: 1px solid #d9d9d9;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-news__item {
    padding: 5vw 0;
    border-bottom: 0.25vw solid #d9d9d9;
  }
}
main.matchalove--top .sec-news__item:first-child {
  padding-top: 0;
}
main.matchalove--top .sec-news__date, main.matchalove--top .sec-news__tag {
  font-family: "Oswald", sans-serif;
  display: inline-block;
  border-radius: 1000px;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-news__date, main.matchalove--top .sec-news__tag {
    font-size: 14px;
    padding: 0.15em 1em;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-news__date, main.matchalove--top .sec-news__tag {
    font-size: 3vw;
    padding: 0.05em 1.5em;
  }
}
main.matchalove--top .sec-news__date {
  background-color: #71bb82;
  color: #fff;
}
main.matchalove--top .sec-news__tag {
  margin-left: 0.25em;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-news__tag {
    border: 1px solid #333;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-news__tag {
    border: 0.25vw solid #333;
  }
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-news__text {
    margin-top: 1em;
    font-size: 16px;
    line-height: 1.8em;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-news__text {
    margin-top: 0.5em;
    font-size: 3.25vw;
    line-height: 1.5em;
  }
}

main.matchalove--top .sec-lead {
  background-repeat: no-repeat;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lead {
    padding-top: 250px;
    background-image: url("/matchalove/assets/top/img/common/package-03.webp");
    background-position: left 57% top 600px;
    background-size: 382px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lead {
    padding-top: 5vw;
    background-image: url("/matchalove/assets/top/img/common/package-03-sp.webp");
    background-position: right -12.5vw top 165vw;
    background-size: 50vw;
  }
}
main.matchalove--top .sec-lead .inner-wrap {
  position: relative;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lead .inner-wrap {
    display: flex;
    justify-content: flex-end;
    gap: 80px;
  }
}
main.matchalove--top .sec-lead .inner-wrap::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("/matchalove/assets/top/img/common/package-02.webp");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lead .inner-wrap::before {
    width: 375px;
    height: 516px;
    top: -500px;
    right: -170px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lead .inner-wrap::before {
    width: 52.75vw;
    height: 72.75vw;
    top: -37.5vw;
    right: -22.5vw;
  }
}
main.matchalove--top .sec-lead__copy {
  position: relative;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lead__copy {
    flex: 0 0 550px;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 751px) {
  main.matchalove--top .sec-lead__copy {
    flex: 0 0 400px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lead__copy {
    padding: 23.75vw 0 30vw 6.25vw;
  }
}
main.matchalove--top .sec-lead__copy::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("/matchalove/assets/top/img/sec-lead/heart.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: scale(1);
  animation: heartbeat 1s ease-in-out infinite both;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lead__copy::before {
    width: 720px;
    height: 661px;
    top: -170px;
    left: -125px;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 751px) {
  main.matchalove--top .sec-lead__copy::before {
    width: 600px;
    height: 560px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lead__copy::before {
    width: 105.5vw;
    height: 97vw;
    top: 0;
    left: -7.5vw;
  }
}
@keyframes heartbeat {
  from {
    transform: scale(1);
    transform-origin: center;
    animation-timing-function: ease-out;
  }
  50% {
    transform: scale(0.9);
    animation-timing-function: ease-out;
  }
}
main.matchalove--top .sec-lead__copy::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("/matchalove/assets/top/img/common/package-01.webp");
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lead__copy::after {
    width: 282px;
    height: 298px;
    top: -265px;
    left: -200px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lead__copy::after {
    transform: rotate(-13deg);
    width: 44.25vw;
    height: 40.5vw;
    top: 60vw;
    left: -13.75vw;
  }
}
main.matchalove--top .sec-lead__copy img {
  display: block;
  position: relative;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lead__copy img {
    width: 100%;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lead__copy img {
    width: 80vw;
  }
}
main.matchalove--top .sec-lead__text {
  position: relative;
  color: #fff;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lead__text {
    filter: drop-shadow(0px 4px 15px #085F1C);
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lead__text {
    filter: drop-shadow(0px 1vw 3.75vw #085F1C);
  }
}
main.matchalove--top .sec-lead__text p {
  transform: skew(-10deg);
  font-weight: 700;
  line-height: 2;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lead__text p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lead__text p {
    font-size: 4vw;
  }
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lead__text-02 {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lead__text-02 {
    margin-top: 4vw;
  }
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lead__text-03 {
    font-size: 24px !important;
    margin-top: 28px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lead__text-03 {
    font-size: 5vw !important;
    margin-top: 5vw;
    padding-left: 1.25vw;
  }
}
main.matchalove--top .sec-lead__text-03 strong {
  background-color: #ff6783;
  padding: 0.25em 0.5em;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lead__text-03 strong {
    margin: auto 0.25em;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lead__text-03 strong {
    margin: auto 0.25em;
  }
}
main.matchalove--top .sec-lead__text-03::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("/matchalove/assets/top/img/common/bg-spark.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transform: skew(10deg);
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lead__text-03::after {
    width: 80px;
    height: 75px;
    bottom: 20px;
    right: -40px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lead__text-03::after {
    width: 13vw;
    height: 12vw;
    top: -5vw;
    right: 1.25vw;
  }
}
main.matchalove--top .sec-lead__marquee {
  position: relative;
  z-index: 20;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lead__marquee {
    height: 400px;
    padding-top: 40px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lead__marquee {
    width: 120vw;
    height: 50vw;
    padding-top: 3.75vw;
  }
}
main.matchalove--top .sec-lead__marquee svg {
  font-family: "Oswald", sans-serif;
  color: #fff;
  fill: #fff;
  width: 100%;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lead__marquee svg {
    font-size: 20px;
    letter-spacing: 2px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lead__marquee svg {
    font-size: 7.5vw;
  }
}
main.matchalove--top .sec-lead__marquee svg path {
  stroke: transparent;
  fill: transparent;
}

@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-movie {
    text-align: center;
    padding-top: 110px;
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-movie {
    padding-top: 10vw;
    padding-bottom: 20vw;
  }
}
main.matchalove--top .sec-movie .inner-wrap {
  position: relative;
}
main.matchalove--top .sec-movie .inner-wrap::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("/matchalove/assets/top/img/common/package-04.webp");
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-movie .inner-wrap::before {
    width: 263px;
    height: 291px;
    top: -85px;
    left: -100px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-movie .inner-wrap::before {
    width: 36.25vw;
    height: 40vw;
    top: -40vw;
    left: -15vw;
  }
}
main.matchalove--top .sec-movie .inner-wrap::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("/matchalove/assets/top/img/common/package-05.webp");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-movie .inner-wrap::after {
    width: 305px;
    height: 378px;
    top: 50px;
    right: -140px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-movie .inner-wrap::after {
    width: 31vw;
    height: 38.5vw;
    top: 70vw;
    right: -11.25vw;
  }
}
main.matchalove--top .sec-movie__title {
  color: #fff;
  transform: skew(-10deg);
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-movie__title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-movie__title {
    font-size: 8vw;
    line-height: 1.8em;
  }
}
main.matchalove--top .sec-movie__title span {
  display: inline-block;
  background-color: #fff;
  color: #ff6783;
  position: relative;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-movie__title span {
    margin: auto 0.25em;
    padding: 0 0.25em;
    filter: drop-shadow(0px 4px 15px #085F1C);
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-movie__title span {
    margin-right: 0.25em;
    padding: 0 0.25em;
    filter: drop-shadow(0px 1vw 3.75vw #085F1C);
  }
}
main.matchalove--top .sec-movie__title span::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("/matchalove/assets/top/img/sec-movie/hearts.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: contain;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-movie__title span::before {
    transform: skew(10deg);
    width: 68px;
    height: 142px;
    top: -145px;
    left: -85px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-movie__title span::before {
    transform: skew(10deg) scaleX(-1);
    width: 9vw;
    height: 20vw;
    top: -13.75vw;
    right: -50vw;
  }
}
main.matchalove--top .sec-movie__text {
  color: #fff;
  font-weight: 700;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-movie__text {
    filter: drop-shadow(0px 4px 15px #085F1C);
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-movie__text {
    filter: drop-shadow(0px 1vw 3.75vw #085F1C);
  }
}
main.matchalove--top .sec-movie__text p {
  transform: skew(-10deg);
  margin-top: 1em;
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-movie__text p {
    font-size: 3.5vw;
  }
}
main.matchalove--top .sec-movie__body {
  position: relative;
  margin: auto;
  z-index: 20;
  overflow: hidden;
  aspect-ratio: 1200/675;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-movie__body {
    margin-top: 60px;
    width: 1200px;
    border-radius: 20px;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 751px) {
  main.matchalove--top .sec-movie__body {
    width: 100%;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-movie__body {
    margin-top: 5vw;
    width: 90vw;
    border-radius: 1.25vw;
  }
}
main.matchalove--top .sec-movie__body iframe {
  width: 100%;
  height: 100%;
  background-color: #1d944c;
}
main.matchalove--top .sec-movie__thumbnail {
  appearance: none;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-movie__thumbnail {
    background-image: url("/matchalove/assets/top/img/sec-movie/thumbnail.webp");
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-movie__thumbnail {
    background-image: url("/matchalove/assets/top/img/sec-movie/thumbnail-sp.webp");
  }
}

main.matchalove--top .sec-lineups {
  background-color: #fff2e8;
  mask-size: 100% 100%;
  mask-position: center;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lineups {
    mask-image: url("/matchalove/assets/top/img/sec-lineup/bg-mask.webp");
    padding: 110px 0 200px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lineups {
    mask-image: url("/matchalove/assets/top/img/sec-lineup/bg-mask-sp.webp");
    padding: 5vw 0 25vw;
  }
}
main.matchalove--top .sec-lineups__title {
  color: #1d944c;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lineups__title {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lineups__title {
    padding-top: 10vw;
  }
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lineups__list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 60px;
    margin-top: 40px;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 751px) {
  main.matchalove--top .sec-lineups__list {
    gap: 20px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lineups__list {
    margin-top: 5vw;
  }
}
main.matchalove--top .sec-lineups__item {
  overflow: hidden;
  background-color: #1d944c;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lineups__item {
    flex: 0 0 360px;
    border-radius: 30px;
    box-shadow: 0px 4px 15px #ddcaba;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 751px) {
  main.matchalove--top .sec-lineups__item {
    flex: 0 0 calc((100% - 40px) / 3);
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lineups__item {
    border-radius: 7.5vw;
    box-shadow: 0px 1vw 3.75vw #ddcaba;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lineups__item:not(:first-child) {
    margin-top: 6vw;
  }
}
main.matchalove--top .sec-lineups__item.not-available {
  background-color: #aedf83;
  display: flex;
  align-items: center;
}
main.matchalove--top .sec-lineups__item a {
  display: block;
  text-decoration: none;
  height: 100%;
  position: relative;
}
main.matchalove--top .sec-lineups__item img {
  width: 100%;
}
main.matchalove--top .sec-lineups__item figcaption {
  display: block;
  color: #fff;
  margin-top: 1em;
}
main.matchalove--top .sec-lineups__name {
  text-align: center;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lineups__name {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 751px) {
  main.matchalove--top .sec-lineups__name {
    font-size: 20px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lineups__name {
    font-size: 5vw;
  }
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lineups__text {
    font-size: 14px;
    margin-top: 0.5em;
    padding: 0 20px 20px;
    line-height: 1.6em;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 751px) {
  main.matchalove--top .sec-lineups__text {
    font-size: 13px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lineups__text {
    font-size: 3.25vw;
    margin-top: 0.5em;
    padding: 0 5vw 12.5vw;
    line-height: 1.6em;
  }
}
main.matchalove--top .sec-lineups__kome-text {
  margin-top: 1.5em;
  text-align: right;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-lineups__kome-text {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 751px) {
  main.matchalove--top .sec-lineups__kome-text {
    font-size: 13px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-lineups__kome-text {
    font-size: 3vw;
  }
}

main.matchalove--top .sec-recipes {
  background-image: url("/matchalove/assets/top/img/common/bg-logo.svg");
  background-repeat: no-repeat;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes {
    background-size: 210px;
    background-position: center bottom 100px;
    padding: 40px 0 340px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes {
    background-size: 45vw;
    background-position: center bottom 10vw;
    padding: 5vw 0 50vw;
  }
}
main.matchalove--top .sec-recipes .matchalove-title {
  color: #fff;
}
main.matchalove--top .sec-recipes .matchalove-title__jp {
  background-image: url("/matchalove/assets/top/img/common/icon-title-header-white.svg");
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes .matchalove-title__jp {
    margin-top: 0.25em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
main.matchalove--top .sec-recipes .matchalove-title__jp span {
  background-color: #ff6783;
  position: relative;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes .matchalove-title__jp span {
    padding: 0.25em;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes .matchalove-title__jp span {
    font-size: 3.25vw;
    padding: 0 0.5em;
    margin-left: -2.5em;
    line-height: 1.8em;
  }
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes .matchalove-title__jp span:nth-of-type(1) {
    margin-left: 1em;
    padding-left: 0.5em;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes .matchalove-title__jp span:nth-of-type(1) {
    padding: 0 0.5em;
    margin-bottom: 4px;
  }
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes .matchalove-title__jp span:nth-of-type(2) {
    padding-right: 0.5em;
  }
}
main.matchalove--top .sec-recipes .matchalove-title__jp span:nth-of-type(2)::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("/matchalove/assets/top/img/common/bg-spark.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes .matchalove-title__jp span:nth-of-type(2)::after {
    width: 80px;
    height: 75px;
    bottom: 20px;
    right: -70px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes .matchalove-title__jp span:nth-of-type(2)::after {
    width: 13vw;
    height: 14vw;
    top: -14.5vw;
    right: -53vw;
  }
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__list {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__list {
    margin-top: 5vw;
  }
}
main.matchalove--top .sec-recipes__item {
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__item {
    border-radius: 30px;
    padding: 60px 70px;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 751px) {
  main.matchalove--top .sec-recipes__item {
    padding: 40px 40px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__item {
    border-radius: 5vw;
    padding: 5vw;
  }
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__item:not(:first-child) {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__item:not(:first-child) {
    margin-top: 6vw;
  }
}
main.matchalove--top .sec-recipes__item-package {
  display: block;
  position: absolute;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__item-package--lemonade {
    width: 253px;
    top: -40px;
    right: -5px;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 751px) {
  main.matchalove--top .sec-recipes__item-package--lemonade {
    width: 210px;
    top: -20px;
    right: -25px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__item-package--lemonade {
    width: 38vw;
    top: -15vw;
    right: -7.5vw;
  }
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__item-package--coconat {
    width: 253px;
    top: -40px;
    right: -5px;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 751px) {
  main.matchalove--top .sec-recipes__item-package--coconat {
    width: 210px;
    top: -20px;
    right: -25px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__item-package--coconat {
    width: 38vw;
    top: -2.5vw;
    right: -5vw;
  }
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__item-package--arrange {
    width: 365px;
    top: -25px;
    right: -40px;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 751px) {
  main.matchalove--top .sec-recipes__item-package--arrange {
    width: 345px;
    top: 15px;
    right: -25px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__item-package--arrange {
    margin: auto;
    width: 72.5vw;
    top: 37.5vw;
    right: 0vw;
    left: 0vw;
  }
}
main.matchalove--top .sec-recipes__item--lemonade {
  background-color: #f0f2b6;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__item--lemonade {
    background-image: url("/matchalove/assets/top/img/sec-recipes/bg-lemonade.webp");
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__item--lemonade {
    background-image: url("/matchalove/assets/top/img/sec-recipes/bg-lemonade-sp.webp");
  }
}
main.matchalove--top .sec-recipes__item--coconat {
  background-color: #cff9ec;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__item--coconat {
    background-image: url("/matchalove/assets/top/img/sec-recipes/bg-coconat.webp");
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__item--coconat {
    background-image: url("/matchalove/assets/top/img/sec-recipes/bg-coconat-sp.webp");
  }
}
main.matchalove--top .sec-recipes__item--arrange {
  background-color: #d2f0b8;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__item--arrange {
    background-image: url("/matchalove/assets/top/img/sec-recipes/bg-arrange.webp");
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__item--arrange {
    background-image: url("/matchalove/assets/top/img/sec-recipes/bg-arrange-sp.webp");
  }
}
main.matchalove--top .sec-recipes__inner {
  display: flex;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__inner {
    gap: 40px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__inner {
    flex-direction: column-reverse;
    gap: 4vw;
  }
}
main.matchalove--top .sec-recipes__movie {
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__movie {
    flex: 0 0 330px;
    height: 587px;
    border-radius: 22px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__movie {
    width: 80vw;
    flex: 0 0 142vw;
    border-radius: 5.5vw;
  }
}
main.matchalove--top .sec-recipes__movie iframe {
  width: 100%;
  height: 100%;
}
main.matchalove--top .sec-recipes__movie-thumbnail {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  appearance: none;
  background-color: transparent;
}
main.matchalove--top .sec-recipes__movie-thumbnail--lemonade {
  background-image: url("/matchalove/assets/top/img/sec-recipes/thumbnail-lemonade.webp");
}
main.matchalove--top .sec-recipes__movie-thumbnail--coconat {
  background-image: url("/matchalove/assets/top/img/sec-recipes/thumbnail-coconat.webp");
}
main.matchalove--top .sec-recipes__movie-thumbnail--arrange {
  background-image: url("/matchalove/assets/top/img/sec-recipes/thumbnail-arrange.webp");
}
main.matchalove--top .sec-recipes__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__title {
    gap: 1em;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__title {
    gap: 0.5em;
  }
}
main.matchalove--top .sec-recipes__name {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__name {
    font-size: 34px;
    gap: 8px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__name {
    align-items: flex-start;
    gap: 1vw;
    font-size: 6.5vw;
  }
}
main.matchalove--top .sec-recipes__name span {
  background-color: #1d944c;
  display: flex;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__name span {
    align-items: center;
    flex: 0 0 65px;
    padding: 0 0.6em;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__name span {
    padding: 0.25em 0.5em;
    border-radius: 2.5vw;
  }
}
@media only screen and (min-width: 1300px) {
  main.matchalove--top .sec-recipes__name--arrange.only-pc-narrow {
    display: none !important;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__name--arrange.only-pc-narrow {
    display: none !important;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 751px) {
  main.matchalove--top .sec-recipes__name--arrange:not(.only-pc-narrow) {
    display: none;
  }
}
main.matchalove--top .sec-recipes__sub {
  font-weight: 500;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__sub {
    font-size: 14px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__sub {
    font-size: 3.25vw;
    line-height: 1.6;
  }
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__step {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__step {
    margin-top: 4vw;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__step--arrange {
    margin-top: 60vw;
  }
}
main.matchalove--top .sec-recipes__step-item {
  display: flex;
  align-items: center;
  background-color: #fff;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__step-item {
    border-radius: 10px;
    padding: 1em 24px;
    gap: 24px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__step-item {
    min-height: 20vw;
    border-radius: 2.5vw;
    padding: 3.75vw 5vw;
    gap: 4vw;
  }
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__step-item:not(:first-child) {
    margin-top: 8px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__step-item:not(:first-child) {
    margin-top: 2vw;
  }
}
main.matchalove--top .sec-recipes__step-item-index {
  font-family: "Oswald", sans-serif;
  font-style: italic;
  color: #1d944c;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__step-item-index {
    font-size: 50px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__step-item-index {
    font-size: 7.5vw;
  }
}
main.matchalove--top .sec-recipes__step-item-figure {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__step-item-figure {
    gap: 24px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__step-item-figure {
    gap: 4vw;
  }
}
main.matchalove--top .sec-recipes__step-item-figure img {
  display: block;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__step-item-figure img {
    width: 39px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__step-item-figure img {
    width: 7.5vw;
  }
}
main.matchalove--top .sec-recipes__step-item-figure figcaption {
  font-weight: 500;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__step-item-figure figcaption {
    font-size: 18px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__step-item-figure figcaption {
    font-size: 3.25vw;
    line-height: 1.8em;
  }
}
main.matchalove--top .sec-recipes__additional-info {
  background-color: #1d944c;
  color: #fff;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__additional-info {
    font-size: 18px;
    height: 48px;
    margin-top: 8px;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__additional-info {
    font-size: 3.25vw;
    margin-top: 2vw;
    border-radius: 2.5vw;
  }
}
main.matchalove--top .sec-recipes__additional-note {
  margin-top: 0.5em;
  text-align: right;
}
@media only screen and (min-width: 751px) {
  main.matchalove--top .sec-recipes__additional-note {
    font-size: 14px;
  }
}
@media only screen and (max-width: 750px) {
  main.matchalove--top .sec-recipes__additional-note {
    font-size: 3vw;
  }
}

.sec-header.loaded .sec-header__nav {
  display: none;
  opacity: 0;
  visibility: hidden;
  animation: menuFadeOut 0.25s linear;
}
.sec-header.loaded .sec-header__nav.open {
  opacity: 1;
  visibility: visible;
  display: flex;
  animation: menuFadeIn 0.25s linear;
}
@keyframes menuFadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
  1% {
    opacity: 0;
    visibility: visible;
    display: flex;
  }
  100% {
    opacity: 1;
    visibility: visible;
    display: flex;
  }
}
@keyframes menuFadeOut {
  0% {
    opacity: 1;
    visibility: visible;
    display: flex;
  }
  99% {
    opacity: 0;
    visibility: visible;
    display: flex;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
}

@media only screen and (min-width: 751px) {
  .matchalove__bg {
    animation: heartbeat-bg-pc 1s ease-in-out infinite both;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 751px) {
  .matchalove__bg {
    animation: heartbeat-bg-pc-narrow 1s ease-in-out infinite both;
  }
}
@media only screen and (max-width: 750px) {
  .matchalove__bg {
    animation: heartbeat-bg-sp 1s ease-in-out infinite both;
  }
}
@keyframes heartbeat-bg-pc {
  from {
    mask-size: 426px, 424px, 100% 100%;
    mask-position: left 0 top 289px, right 0 top 265px, left 0 top 757px;
  }
  50% {
    mask-size: 404.7px, 402.8px, 100% 100%;
    mask-position: left 0 top 312.45px, right 0 top 289.65px, left 0 top 757px;
  }
}
@keyframes heartbeat-bg-pc-narrow {
  from {
    mask-size: 30.4285714286%, 30.2857142857%, 100% 100%;
    mask-position: left 0 top 288px, right 0 top 264px, left 0 top 650px;
  }
  50% {
    mask-size: 28.9071428571%, 28.7714285714%, 100% 100%;
    mask-position: left 0 top 303.1578947368px, right 0 top 277.8947368421px, left 0 top 650px;
  }
}
@keyframes heartbeat-bg-sp {
  from {
    mask-size: 32.5vw, 32.5vw, 100% 100%;
    mask-position: left 0 top 130vw, right 0 top 129.5vw, left 0 top 162.5vw;
  }
  50% {
    mask-size: 30.875vw, 30.875vw, 100% 100%;
    mask-position: left 0 top 131.625vw, right 0 top 131.15vw, left 0 top 162.5vw;
  }
}
.matchalove .matchalove__content > * {
  display: none !important;
  opacity: 0;
  visibility: hidden;
  animation: load 0.5s linear;
}
.matchalove.loaded .matchalove__bg {
  animation: none;
}
.matchalove.loaded .matchalove__content > * {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.sec-footer {
  display: none !important;
  opacity: 0;
  visibility: hidden;
}
.sec-footer.loaded {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

@keyframes load {
  0% {
    display: none;
    opacity: 0;
    visibility: hidden;
  }
  1% {
    display: block;
  }
  100% {
    display: block;
    opacity: 1;
    visibility: visible;
  }
}
.matchalove {
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 751px) {
  .matchalove {
    min-width: 1180px;
  }
}
.matchalove__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #1c8d49;
  background-image: url("/matchalove/assets/top/img/common/bg-young-leave.svg");
  line-height: 1.8em;
  mask-image: url("/matchalove/assets/top/img/sec-kv/bg-left.webp"), url("/matchalove/assets/top/img/sec-kv/bg-right.webp"), url("/matchalove/assets/top/img/sec-kv/bg-square.webp");
  mask-repeat: no-repeat;
  z-index: -1;
}
@media only screen and (min-width: 751px) {
  .matchalove__bg {
    mask-size: 426px, 424px, 100% 100%;
    mask-position: left 0 top 289px, right 0 top 265px, left 0 top 757px;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 751px) {
  .matchalove__bg {
    mask-size: 30.4285714286%, 30.2857142857%, 100% 100%;
    mask-position: left 0 top 288px, right 0 top 264px, left 0 top 650px;
  }
}
@media only screen and (max-width: 750px) {
  .matchalove__bg {
    mask-size: 32.5vw, 32.5vw, 100% 100%;
    mask-position: left 0 top 130vw, right 0 top 129.5vw, left 0 top 162.5vw;
  }
}
.matchalove__content {
  min-height: 100vh;
}
.matchalove .matchalove-title__en {
  display: block;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-style: italic;
  line-height: 1;
}
@media only screen and (min-width: 751px) {
  .matchalove .matchalove-title__en {
    font-size: 90px;
  }
}
@media only screen and (max-width: 750px) {
  .matchalove .matchalove-title__en {
    font-size: 12.5vw;
  }
}
.matchalove .matchalove-title__jp {
  display: block;
  background-image: url("/matchalove/assets/top/img/common/icon-title-header-green.svg");
  background-repeat: no-repeat;
  padding-left: 2em;
  font-weight: 700;
}
@media only screen and (min-width: 751px) {
  .matchalove .matchalove-title__jp {
    background-position: left 0 top 0;
    background-size: 29px;
    font-size: 18px;
    margin-top: 1em;
  }
}
@media only screen and (max-width: 750px) {
  .matchalove .matchalove-title__jp {
    background-position: left 0 top 0.2em;
    background-size: 5.75vw;
    font-size: 4vw;
    margin-top: 0.5em;
  }
}