@charset "UTF-8";
.kondate-miso2024ss {
  /* Remove default padding */
  /* Remove default margin */
  /* Remove list styles on ul, ol elements with a class attribute */
  /* A elements that don't have a class get default styles */
  /* Make images easier to work with */
}

.kondate-miso2024ss *,
.kondate-miso2024ss *::before,
.kondate-miso2024ss *::after {
  box-sizing: border-box;
}

.kondate-miso2024ss ul,
.kondate-miso2024ss ol {
  padding: 0;
}

.kondate-miso2024ss body,
.kondate-miso2024ss h1,
.kondate-miso2024ss h2,
.kondate-miso2024ss h3,
.kondate-miso2024ss h4,
.kondate-miso2024ss p,
.kondate-miso2024ss ul,
.kondate-miso2024ss ol,
.kondate-miso2024ss figure,
.kondate-miso2024ss blockquote,
.kondate-miso2024ss dl,
.kondate-miso2024ss dd {
  margin: 0;
}

.kondate-miso2024ss ul,
.kondate-miso2024ss ol {
  list-style: none;
}

.kondate-miso2024ss a:not([class]) {
  text-decoration-skip-ink: auto;
}

.kondate-miso2024ss img {
  display: block;
  max-width: 100%;
  width: 100%;
}

.u-desktop {
  display: block;
}

@media screen and (max-width: 767px) {
  .u-desktop {
    display: none;
  }
}
.u-mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  .u-mobile {
    display: block;
  }
}
.kondate-miso2024ss body {
  color: #222;
}

.kondate-miso2024ss a {
  -webkit-text-decoration: none;
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s;
  transition: all 0.3s ease-in-out;
}

.kondate-miso2024ss a img {
  transition: all 0.3s ease-in-out;
}

.kondate-miso2024ss a:hover {
  -webkit-text-decoration: none;
  color: inherit;
  opacity: 0.8;
  text-decoration: none;
}

.kondate-miso2024ss .l-faq {
  margin-top: 95.111px;
  margin-top: 5.9444444444rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .l-faq {
    margin-top: 3.0555555556rem;
  }
}
.kondate-miso2024ss .l-inner {
  margin: 0 auto;
  max-width: 1093.333px;
  max-width: 68.3333333333rem;
  padding: 0 13.333px;
  padding: 0 0.8333333333rem;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .l-inner {
    max-width: 31.6666666667rem;
    padding: 0 0.8333333333rem;
  }
}
.l-loading {
  height: 100vh;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.kondate-miso2024ss .l-mv {
  margin-top: 14.222px;
  margin-top: 0.8888888889rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .l-mv {
    margin-top: 7.5vw;
  }
}
.kondate-miso2024ss .l-nav {
  position: relative;
  transform: translateY(max(-0.6944444444vw, -10px));
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .l-nav {
    transform: translateY(-0.2777777778rem);
  }
}
.kondate-miso2024ss .l-recipe {
  margin-top: 106.666px;
  margin-top: 6.6666666667rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .l-recipe {
    margin-top: 2.1111111111rem;
  }
}
.kondate-miso2024ss .l-recommend {
  margin-top: min(6.9444444444vw, 100px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .l-recommend {
    margin-top: 15vw;
  }
}
.kondate-miso2024ss .l-series {
  margin-top: 88.888px;
  margin-top: 5.5555555556rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .l-series {
    margin-top: 2.7777777778rem;
  }
}
.kondate-miso2024ss .l-sns {
  margin-top: 99.555px;
  margin-top: 6.2222222222rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .l-sns {
    margin-top: 1.9444444444rem;
  }
}
.kondate-miso2024ss .l-story {
  margin-top: 92.444px;
  margin-top: 5.7777777778rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .l-story {
    margin-top: 2.2222222222rem;
  }
}
.kondate-miso2024ss .c-button {
  color: #fff !important;
}

.kondate-miso2024ss .c-button {
  align-items: center;
  background: url(/uploads/kondate-miso2024ss_button_bg.jpg) no-repeat center/cover;
  border-radius: 100vh;
  display: inline-flex;
  font-size: 18px;
  font-size: max(1.125rem, 16.2px);
  font-weight: 900;
  gap: 8.888px;
  gap: 0.5555555556rem;
  line-height: 1;
  padding: 17.777px 26.666px;
  padding: 1.1111111111rem 1.6666666667rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .c-button {
    font-size: max(0.5625rem, 16.2px);
    gap: 0.2777777778rem;
    padding: 0.5555555556rem 0.8333333333rem;
  }
}
.kondate-miso2024ss .c-button::before {
  -webkit-mask-image: url(/uploads/kondate-miso2024ss_icon_arrow_right.svg);
  -webkit-mask-size: contain;
  aspect-ratio: 1/1;
  background-color: #fff;
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: auto;
  mask-image: url(/uploads/kondate-miso2024ss_icon_arrow_right.svg);
  mask-size: contain;
  width: 16px;
  width: 1rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .c-button::before {
    width: 0.8333333333rem;
  }
}
.kondate-miso2024ss .c-section-title {
  font-size: 50px !important;
  font-size: max(3.125rem, 16.2px) !important;
}

.kondate-miso2024ss .c-section-title {
  align-items: center;
  color: #60190e;
  display: flex;
  flex-direction: column;
  font-weight: 900;
  gap: 17.777px;
  gap: 1.1111111111rem;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .c-section-title {
    font-size: max(1.5625rem, 16.2px) !important;
  }
  .kondate-miso2024ss .c-section-title {
    gap: 0.5555555556rem;
  }
}
.kondate-miso2024ss .c-section-title[data-english]::after {
  font-size: 20px !important;
  font-size: max(1.25rem, 16.2px) !important;
}

.kondate-miso2024ss .c-section-title[data-english]::after {
  background-color: rgba(96, 25, 14, 0.1);
  border-radius: 100vh;
  content: attr(data-english);
  padding: 7.111px 44.444px;
  padding: 0.4444444444rem 2.7777777778rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .c-section-title[data-english]::after {
    font-size: max(0.625rem, 16.2px) !important;
  }
  .kondate-miso2024ss .c-section-title[data-english]::after {
    padding: 0.2777777778rem 1.3888888889rem;
  }
}
.kondate-miso2024ss .p-about {
  background-color: #fffbd9;
  padding: min(11.6666666667vw, 168px) 0 min(7.5vw, 108px);
  position: relative;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about {
    padding: 34.6875vw 0 15.625vw;
  }
}
.kondate-miso2024ss .p-about::before {
  background: url(/uploads/kondate-miso2024ss_bg_pattarn2.png) repeat top center/100px 100px;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.2;
  position: absolute;
  right: 0;
  top: 0;
}

.kondate-miso2024ss .p-about__inner {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: min(6.5277777778vw, 94px);
  position: relative;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__inner {
    flex-direction: column;
    gap: 9.375vw;
  }
}
.kondate-miso2024ss .p-about__content {
  flex: 1;
  padding: 0 10%;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__content {
    flex: initial;
    padding: 0;
  }
}
.kondate-miso2024ss .p-about__heading {
  color: #60190e;
  font-size: max(16.2px, min(4.4444444444vw, 64px));
  font-weight: 900;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__heading {
    font-size: max(16.2px, 10vw) !important;
  }
}
.kondate-miso2024ss .p-about__heading rt {
  font-size: max(16.2px, min(1.3888888889vw, 20px));
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__heading rt {
    font-size: max(16.2px, 3.125vw);
    line-height: 1;
    transform: translateY(-0.9375vw);
  }
}
.kondate-miso2024ss .p-about__description1 {
  font-size: max(16.2px, min(1.8055555556vw, 22px));
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__description1 {
    font-size: max(16.2px, 4.0625vw);
    margin-top: 1.875vw;
  }
}
.kondate-miso2024ss .p-about__sub-heading {
  color: #60190e;
  font-size: max(16.2px, min(2.7777777778vw, 40px)) !important;
  font-weight: 900;
  margin-top: min(3.75vw, 54px);
}
@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__sub-heading {
    font-size: max(16.2px, 5.5vw) !important;
  }
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__sub-heading {
    margin-top: 6.25vw;
  }
}
.kondate-miso2024ss .p-about__description2 {
  font-size: max(16.2px, min(1.8055555556vw, 22px));
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__description2 {
    font-size: max(16.2px, 4.0625vw);
    margin-top: 1.875vw;
  }
}
.kondate-miso2024ss .p-about__comment {
  align-items: center;
  display: flex;
  margin-top: min(2.0833333333vw, 30px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__comment {
    justify-content: center;
    margin-top: 5vw;
  }
}
.kondate-miso2024ss .p-about__miso-kun {
  width: min(10.4166666667vw, 150px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__miso-kun {
    width: 21.5625vw;
  }
}
.kondate-miso2024ss .p-about__miso-kun img {
  -o-object-fit: contain;
  aspect-ratio: 150/172;
  height: auto;
  object-fit: contain;
  width: 100%;
}

.kondate-miso2024ss .p-about__comment-text {
  margin-left: max(-1.25vw, -18px);
  margin-top: min(2.0138888889vw, 29px);
  width: min(25.625vw, 369px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__comment-text {
    margin-left: -2.5vw;
    margin-top: 0vw;
    width: 57.5vw;
  }
}
.kondate-miso2024ss .p-about__comment-text img {
  -o-object-fit: cover;
  aspect-ratio: 369/125;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.kondate-miso2024ss .p-about__image {
  flex-shrink: 0;
  width: min(33.3333333333vw, 480px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__image {
    margin-left: auto;
    margin-right: auto;
    max-width: 75vw;
    width: 100%;
  }
}
.kondate-miso2024ss .p-about__image-copy {
  align-items: center;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__image-copy {
    gap: 1.5625vw;
  }
}
.kondate-miso2024ss .p-about__copy1 {
  font-size: max(16.2px, min(1.5277777778vw, 22px));
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__copy1 {
    font-size: max(16.2px, 3.4375vw);
  }
}
.kondate-miso2024ss .p-about__copy2 {
  align-items: center;
  color: #60190e;
  display: flex;
  font-family: "Noto Serif JP", serif;
  font-size: max(16.2px, min(2.0833333333vw, 30px));
  font-weight: 900;
  line-height: 1.1666666667;
  margin: 0 max(-1.3888888889vw, -20px);
  text-align: center;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__copy2 {
    font-size: max(16.2px, 4.6875vw);
  }
}
.kondate-miso2024ss .p-about__copy2::before,
.kondate-miso2024ss .p-about__copy2::after {
  aspect-ratio: 53/81;
  background: url(/uploads/kondate-miso2024ss_about_frame.svg) no-repeat center/contain;
  content: "";
  display: inline-block;
  height: auto;
  width: min(3.6805555556vw, 53px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__copy2::before,
  .kondate-miso2024ss .p-about__copy2::after {
    width: 8.4375vw;
  }
}
.kondate-miso2024ss .p-about__copy2::after {
  transform: scaleX(-1);
}

.p-about__modal iframe {
  aspect-ratio: 9/16;
  max-height: 640px;
}

.kondate-miso2024ss .p-about__modal-button {
  border: none;
  margin-top: min(2.0833333333vw, 30px);
  padding: 0;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__modal-button {
    margin-top: 3.125vw;
    width: 100%;
  }
}
.kondate-miso2024ss .p-about__modal-button img {
  aspect-ratio: 480/447;
  height: auto;
  object-fit: contain;
  width: 100%;
}

.kondate-miso2024ss .p-about__kazoku-wrap {
  display: flex;
  gap: 20px;
  margin-top: min(3.75vw, 54px);
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__kazoku-wrap {
    margin-top: 6.25vw;
    flex-direction: column;
  }
}
.kondate-miso2024ss .p-about__kazoku-left {
  width: 70%;
}
@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__kazoku-left {
    width: 100%;
  }
}
.kondate-miso2024ss .p-about__kazoku-left h3 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.kondate-miso2024ss .p-about__kazoku-right {
  width: 30%;
}
@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__kazoku-right {
    width: 100%;
  }
}

/* iPhone, iPadで位置調整 */
.iphone .p-about__heading rt,
.ipad .p-about__heading rt {
  position: relative;
  top: 1em;
  transform: translateY(1em);
}

.kondate-miso2024ss .p-about__youtube-wrap {
  display: flex;
  gap: 5%;
  margin-top: min(3.75vw, 54px);
  justify-content: center;
  align-items: top;
  text-align: center;
  color: #60190e;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__youtube-wrap {
    margin-top: 6.25vw;
    flex-direction: column;
    gap: 15px;
  }
}
.kondate-miso2024ss .p-about__youtube-wrap h3 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.kondate-miso2024ss .p-about__youtube-in {
  aspect-ratio: 9/16;
}
.kondate-miso2024ss .p-about__youtube-in iframe {
  width: 100%;
  height: 100%;
}
.kondate-miso2024ss .p-about__youtube-left {
  width: 315px;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__youtube-left {
    width: 90%;
    margin: 0 auto;
  }
}
.kondate-miso2024ss .p-about__youtube-right {
  width: 315px;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__youtube-right {
    width: 90%;
    margin: 0 auto;
  }
}

.kondate-miso2024ss .p-about__instagram-wrap {
  display: flex;
  gap: 20px;
  margin-top: min(3.75vw, 54px);
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #60190e;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__instagram-wrap {
    margin-top: 6.25vw;
  }
}
.kondate-miso2024ss .p-about__instagram-wrap a {
  display: block;
  margin: 0 auto;
}
.kondate-miso2024ss .p-about__instagram-wrap a picture {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.kondate-miso2024ss .p-about__instagram-wrap img {
  display: inline-block;
  width: 80%;
}
@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__instagram-wrap img {
    width: 100%;
  }
}

.kondate-miso2024ss .p-about__button-area {
  margin-top: 106.666px;
  margin-top: 6.6666666667rem;
  text-align: center;
}
.kondate-miso2024ss .p-about__button-area a:hover, .kondate-miso2024ss .p-about__button-area a:focus, .kondate-miso2024ss .p-about__button-area a:active {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__button-area {
    margin-top: 3.3333333333rem;
  }
}
.kondate-miso2024ss .p-about__red-button {
  align-items: center;
  background-color: #d71518;
  border-radius: 1.1111111111rem;
  color: #fff;
  display: flex;
  font-size: max(1.3rem, 14px);
  font-weight: 900;
  gap: min(1.3888888889vw, 20px);
  align-items: center;
  justify-content: center;
  letter-spacing: -0.02em;
  padding: min(2.0833333333vw, 30px) min(4.1666666667vw, 60px);
  margin: 0 auto;
  line-height: 1.2;
  width: 65%;
}
.kondate-miso2024ss .p-about__red-button span {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__red-button {
    width: 94%;
  }
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__red-button {
    border-radius: 0.5555555556rem;
    font-size: max(0.9375rem, 16.2px);
    gap: 0.8888888889rem;
    padding: 1.1111111111rem 1.6666666667rem;
  }
}
.kondate-miso2024ss .p-about__red-button::before {
  aspect-ratio: 25/17;
  background: no-repeat center/contain;
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: auto;
  width: 2.5rem;
}

.kondate-miso2024ss .p-about__red-button::after {
  aspect-ratio: 31/45;
  background: no-repeat center/contain;
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: auto;
  width: 1.45rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-about__red-button::before {
    width: 2.2rem;
  }
  .kondate-miso2024ss .p-about__red-button::after {
    width: 1.4rem;
  }
}
.kondate-miso2024ss .p-about__red-button::before {
  background-image: url(/uploads/konmiso202505_ic1.svg);
}

.kondate-miso2024ss .p-about__red-button::after {
  background-image: url(/uploads/konmiso202505_ic2.svg);
}

.kondate-miso2024ss .p-faq {
  background-color: #ffe100;
  overflow: hidden;
  padding: 88.888px 0 26.666px;
  padding: 5.5555555556rem 0 1.6666666667rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-faq {
    padding: 2.7777777778rem 0 0.5rem;
  }
}
.kondate-miso2024ss .p-faq::before {
  aspect-ratio: 1/1;
  background: url(/uploads/kondate-miso2024ss_bg_pattarn3.png) repeat top center/200px 200px;
  content: "";
  height: auto;
  opacity: 0.15;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(-45deg);
  transform-origin: top left;
  width: 1000vw;
}

.kondate-miso2024ss .p-faq__inner::before,
.kondate-miso2024ss .p-faq__inner::after {
  background: no-repeat center/contain;
  content: "";
  display: inline-block;
  height: auto;
  position: absolute;
}

.kondate-miso2024ss .p-faq__inner::before {
  aspect-ratio: 472/869;
  background-image: url(/uploads/kondate-miso2024ss_faq_q.svg);
  left: -85.333px;
  left: -5.3333333333rem;
  top: -188.444px;
  top: -11.7777777778rem;
  width: 419.555px;
  width: 26.2222222222rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-faq__inner::before {
    left: -5.3333333333rem;
    top: -6.2222222222rem;
    width: 13.1111111111rem;
  }
}
.kondate-miso2024ss .p-faq__inner::after {
  aspect-ratio: 397/869;
  background-image: url(/uploads/kondate-miso2024ss_faq_a.svg);
  bottom: -233.777px;
  bottom: -14.6111111111rem;
  right: -78.222px;
  right: -4.8888888889rem;
  width: 352.888px;
  width: 22.0555555556rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-faq__inner::after {
    bottom: -8.3333333333rem;
    right: -2.3333333333rem;
    width: 11rem;
  }
}
.kondate-miso2024ss .p-faq__heading {
  position: relative;
  z-index: 1;
}

.kondate-miso2024ss .p-faq__items {
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-faq__items {
    margin-top: 1.6666666667rem;
  }
}
.kondate-miso2024ss .p-faq__items .ax_faq {
  display: flex;
  flex-direction: column;
  gap: 8.888px;
  gap: 0.5555555556rem;
}

.kondate-miso2024ss .p-faq__items .ax_faq_list {
  background-color: #fff;
  border-bottom: 0;
  border-radius: 0.5555555556rem;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-faq__items .ax_faq_list {
    border-radius: 0.2777777778rem;
  }
}
.kondate-miso2024ss .p-faq__items .ax_faq_title {
  align-items: center;
  color: #60190e;
  display: flex;
  font-size: 20px;
  font-size: max(1.25rem, 16.2px);
  font-weight: 900;
  gap: 8.888px;
  gap: 0.5555555556rem;
  padding: 17.777px;
  padding: 1.1111111111rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-faq__items .ax_faq_title {
    font-size: max(0.625rem, 16.2px);
    padding: 0.5555555556rem;
  }
}
.kondate-miso2024ss .p-faq__items .ax_faq_title::before {
  color: #60190e;
  content: "\f067";
  flex-shrink: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-size: max(1.5rem, 16.2px);
  font-weight: 900;
  margin-left: auto;
  min-width: 21.333px;
  min-width: 1.3333333333rem;
  order: 2;
  position: static;
  transform: translate(0, 0);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-faq__items .ax_faq_title::before {
    font-size: max(16.2px, 3.75vw);
  }
}
.kondate-miso2024ss .p-faq__items .ax_faq_title::after {
  aspect-ratio: 1/1;
  background-color: #60190e;
  border-radius: 0.2777777778rem;
  flex-shrink: 0;
  font-size: 25px;
  font-size: max(1.5625rem, 16.2px);
  font-weight: 900;
  height: auto;
  line-height: 1;
  order: -1;
  padding-top: 3.555px;
  padding-top: 0.2222222222rem;
  position: static;
  text-align: center;
  width: 35.555px;
  width: 2.2222222222rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-faq__items .ax_faq_title::after {
    border-radius: 0.9375vw;
    font-size: max(16.2px, 4.0625vw);
    min-width: 23px;
    padding-top: 0.625vw;
    width: 6.25vw;
  }
}
.kondate-miso2024ss .p-faq__items .uk-accordion-content {
  font-size: 18px;
  font-size: max(1.125rem, 16.2px);
  font-weight: 600;
  line-height: 2;
  padding: 17.777px;
  padding: 1.1111111111rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-faq__items .uk-accordion-content {
    font-size: max(0.5625rem, 16.2px);
    padding: 0.5555555556rem;
  }
}
.kondate-miso2024ss .p-faq__items .ax_faq_content {
  background-color: #fff;
  padding: 17.777px 64px;
  padding: 1.1111111111rem 4rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-faq__items .ax_faq_content {
    padding: 3.125vw 3.125vw 3.125vw calc(6.25vw + 1.1111111111rem);
  }
}
.kondate-miso2024ss .p-faq__items .ax_faq_content::before {
  aspect-ratio: 1/1;
  background-color: #ffe100;
  border-radius: 0.2777777778rem;
  color: #60190e;
  font-size: 25px;
  font-size: max(1.5625rem, 16.2px);
  font-weight: 900;
  height: auto;
  left: 17.777px;
  left: 1.1111111111rem;
  line-height: 1;
  padding-top: 3.555px;
  padding-top: 0.2222222222rem;
  text-align: center;
  top: 17.777px;
  top: 1.1111111111rem;
  width: 35.555px;
  width: 2.2222222222rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-faq__items .ax_faq_content::before {
    font-size: max(16.2px, 4.0625vw);
    left: 0.5555555556rem;
    min-width: 23px;
    top: 0.8888888889rem;
    width: 6.25vw;
  }
}
.kondate-miso2024ss .p-faq__items .ax_faq_content::after {
  aspect-ratio: 1150/4;
  background: url(/uploads/kondate-miso2024ss_faq_dots-line.svg) repeat-x center/100%;
  bottom: auto;
  content: "";
  height: auto;
  left: 17.777px;
  left: 1.1111111111rem;
  position: absolute;
  right: 17.777px;
  right: 1.1111111111rem;
  top: 0;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-faq__items .ax_faq_content::after {
    aspect-ratio: 540/2;
    background-image: url(/uploads/kondate-miso2024ss_faq_dots-line_sp.svg);
    bottom: auto;
    left: 0.5555555556rem;
    right: 0.5555555556rem;
    top: 0;
  }
}
.kondate-miso2024ss .p-faq__items .ax_faq_share .fas {
  -o-object-fit: contain;
  aspect-ratio: 36/41;
  background: url(/uploads/kondate-miso2024ss_icon_share.png) no-repeat center/cover;
  font-size: 0;
  height: auto;
  object-fit: contain;
  width: 16px;
  width: 1rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-faq__items .ax_faq_share .fas {
    width: 0.5rem;
  }
}
.kondate-miso2024ss .uk-open .ax_faq_title::before {
  content: "\f068";
}

.kondate-miso2024ss {
  /* HTML: <div class="loader"></div> */
}

.kondate-miso2024ss .p-loading {
  background-color: #ffe100;
}

.kondate-miso2024ss .p-loading__inner {
  align-items: center;
  background: #ffe100 url(/uploads/kondate-miso2024ss_loading_bg.png) no-repeat center/cover;
  display: flex;
  flex-direction: column;
  gap: 35.555px;
  gap: 2.2222222222rem;
  height: 100%;
  justify-content: center;
  min-height: 500px;
  opacity: 0;
  overflow-y: auto;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-loading__inner {
    gap: 1.1111111111rem;
  }
}
.kondate-miso2024ss .p-loading__name {
  border: 3.555px solid #60190e;
  border: 0.2222222222rem solid #60190e;
  color: #60190e;
  font-size: 50px;
  font-size: max(3.125rem, 16.2px);
  font-weight: 900;
  line-height: 1.1;
  padding: 20.444px 10.666px 16.888px;
  padding: 1.2777777778rem 0.6666666667rem 1.0555555556rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-loading__name {
    font-size: max(1.5625rem, 16.2px);
    padding: 0.6666666667rem 0.3333333333rem 0.5555555556rem;
  }
}
.kondate-miso2024ss .p-loading__name rt {
  font-size: 18px;
  font-size: max(1.125rem, 16.2px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-loading__name rt {
    font-size: max(0.5625rem, 16.2px);
  }
}
.kondate-miso2024ss .p-loading__figure {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 17.777px;
  gap: 1.1111111111rem;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-loading__figure {
    gap: 0.5555555556rem;
  }
}
.kondate-miso2024ss .p-loading__container {
  -webkit-mask-image: url(/uploads/kondate-miso2024ss_loading_shapge.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  aspect-ratio: 1/2;
  background-color: #fff;
  height: auto;
  mask-image: url(/uploads/kondate-miso2024ss_loading_shapge.svg);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  overflow: hidden;
  width: 88.888px;
  width: 5.5555555556rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-loading__container {
    width: 2.7777777778rem;
  }
}
.kondate-miso2024ss .p-loading__miso-area {
  animation: fillUP linear 2.5s forwards;
  background-color: #60190e;
  height: 100%;
  transform: translateY(80%);
  width: 100%;
}

@keyframes fillUP {
  from {
    transform: translateY(80%);
  }
  to {
    transform: translateY(-30%);
  }
}
.kondate-miso2024ss .p-loading__miso-area::after {
  background-color: #60190e;
  bottom: -100%;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}

.kondate-miso2024ss .p-loading__miso {
  aspect-ratio: 1/1;
  background-color: #fff;
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 88.888px;
  width: 5.5555555556rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-loading__miso {
    width: 2.7777777778rem;
  }
}
.kondate-miso2024ss .p-loading__miso::before {
  animation: wave linear 6s infinite;
  background-color: #60190e;
  border-radius: 50% 50%/50% 70%;
  content: "";
  height: 200%;
  left: -50%;
  position: absolute;
  top: 50%;
  width: 200%;
}

@keyframes wave {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.kondate-miso2024ss .p-loading__text {
  color: #60190e;
  font-size: 18px;
  font-size: max(1.125rem, 16.2px);
  font-weight: 900;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-loading__text {
    font-size: max(0.5625rem, 16.2px);
  }
}
.kondate-miso2024ss .loader {
  -webkit-clip-path: inset(0 100% 0 0);
  animation: l1 1s steps(4) infinite;
  aspect-ratio: 4;
  background: radial-gradient(circle closest-side, #60190e 90%, rgba(0, 0, 0, 0)) 0/33.3333333333% 100% space;
  clip-path: inset(0 100% 0 0);
  display: inline-block;
  width: 17.777px;
  width: 1.1111111111rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .loader {
    width: 0.5555555556rem;
  }
}
@keyframes l1 {
  to {
    -webkit-clip-path: inset(0 -34% 0 0);
    clip-path: inset(0 -34% 0 0);
  }
}
.kondate-miso2024ss .p-mv {
  aspect-ratio: 1440/550;
  background: url(/uploads/kondate-miso2024ss_mv_bg.png) no-repeat center/cover;
  height: auto;
  max-height: 488.888px;
  max-height: 30.5555555556rem;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-mv {
    aspect-ratio: 640/606;
    max-height: none;
    max-height: initial;
  }
}
.kondate-miso2024ss .p-mv__inner {
  height: 100%;
  max-width: 1280px;
  max-width: 80rem;
}

.kondate-miso2024ss .p-mv__images {
  height: 100%;
  position: relative;
}

.kondate-miso2024ss .p-mv__image {
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s ease-in-out;
}

.kondate-miso2024ss .p-mv__image.is-show {
  opacity: 1;
  transform: scale(1);
}

.kondate-miso2024ss .p-mv__image-tonkatsu {
  left: 68%;
  position: absolute;
  top: 57%;
  width: 26%;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-mv__image-tonkatsu {
    bottom: -6%;
    display: none;
    left: -40%;
    top: auto;
    width: 75%;
  }
}
.kondate-miso2024ss .p-mv__image-tonkatsu img {
  -o-object-fit: contain;
  aspect-ratio: 519/355;
  height: auto;
  object-fit: contain;
  width: 100%;
}

.kondate-miso2024ss .p-mv__image-package {
  left: 25%;
  position: absolute;
  top: -6%;
  width: 26%;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-mv__image-package {
    left: -6%;
    top: 5%;
    width: 66%;
  }
}
.kondate-miso2024ss .p-mv__image-package img {
  aspect-ratio: 725/1096;
  height: auto;
  object-fit: contain;
  width: 100%;
}

.kondate-miso2024ss .p-mv__image-copy {
  left: 8.8194444444%;
  position: absolute;
  top: 0;
  width: 20.9027777778%;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-mv__image-copy {
    left: 50%;
    top: 3%;
    width: 30%;
  }
}
.kondate-miso2024ss .p-mv__image-copy img {
  aspect-ratio: 301/582;
  height: auto;
  object-fit: contain;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-mv__image-copy img {
    aspect-ratio: 363/514;
  }
}
.kondate-miso2024ss .p-mv__image-logo {
  left: 68%;
  position: absolute;
  top: 2.9090909091%;
  width: 27.5694444444%;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-mv__image-logo {
    display: none;
    left: 60%;
    width: 43%;
  }
}
.kondate-miso2024ss .p-mv__image-logo img {
  aspect-ratio: 397/346;
  height: auto;
  object-fit: contain;
  width: 100%;
}

.kondate-miso2024ss .p-mv__image-fukidashi {
  left: 50%;
  position: absolute;
  top: 5%;
  width: 19.4444444444%;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-mv__image-fukidashi {
    left: 72%;
    top: 38%;
    width: 30%;
  }
}
.kondate-miso2024ss .p-mv__image-fukidashi img {
  aspect-ratio: 601/354;
  height: auto;
  object-fit: contain;
  width: 100%;
}

.kondate-miso2024ss .p-mv__image-character {
  left: 44%;
  position: absolute;
  top: 34%;
  width: 25%;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-mv__image-character {
    bottom: -1%;
    left: 53%;
    top: auto;
    width: 48%;
  }
}
.kondate-miso2024ss .p-mv__image-character img {
  -o-object-fit: contain;
  aspect-ratio: 702/705;
  height: auto;
  object-fit: contain;
  width: 100%;
}

.kondate-miso2024ss .p-nav__inner {
  bottom: auto;
  left: 0;
  max-width: 1146.666px;
  max-width: 71.6666666667rem;
  position: absolute;
  right: 0;
  top: auto;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-nav__inner {
    max-width: 100vw;
    padding: 0;
  }
}
.kondate-miso2024ss .p-nav__nav-items {
  background: url(/uploads/kondate-miso2024ss_nav_bg.png) no-repeat center/100% 100%;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-nav__nav-items {
    background-image: url(/uploads/kondate-miso2024ss_nav_bg_sp.png);
    padding: 3.125vw 1.25vw 2.5vw;
  }
}
.kondate-miso2024ss .p-nav__nav-item {
  height: 100%;
}

.kondate-miso2024ss .p-nav__nav-item-link {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: max(16.2px, min(1.6666666667vw, 24px));
  font-weight: 900;
  height: 100%;
  padding: min(1.8055555556vw, 26px) min(2.4305555556vw, 35px) min(1.3888888889vw, 20px);
  position: relative;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-nav__nav-item-link {
    font-size: max(16.2px, 3.4375vw);
    font-size: max(3.4375vw, 15px);
    letter-spacing: 0.05em;
    padding: 0.625vw clamp(10px, -8.608px + 5.82vw, 36px);
  }
}
.kondate-miso2024ss .p-nav__nav-item-link:hover {
  opacity: 0.6;
}

.kondate-miso2024ss .p-nav__nav-item-link::after {
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  aspect-ratio: 1/1;
  background-color: #7b5c59;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  content: "";
  display: inline-block;
  height: auto;
  width: min(0.6944444444vw, 10px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-nav__nav-item-link::after {
    width: 1.875vw;
  }
}
.kondate-miso2024ss .p-plus {
  background: url(/uploads/kondate-miso2024ss_plus_bg.jpg) no-repeat center/cover;
  padding: min(6.9444444444vw, 100px) 0;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus {
    padding: 15.625vw 0;
  }
}
.kondate-miso2024ss .p-plus__heading {
  color: #fff;
  font-family: "Noto Serif JP", serif;
  text-align: center;
}

.kondate-miso2024ss .p-plus__heading-text1 {
  display: block;
  font-size: max(16.2px, min(2.0833333333vw, 30px));
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__heading-text1 {
    font-size: max(16.2px, 4.6875vw);
  }
}
.kondate-miso2024ss .p-plus__heading-text2 {
  display: block;
  font-size: max(16.2px, min(3.4722222222vw, 50px));
  font-weight: 700;
  margin-top: min(0.5555555556vw, 8px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__heading-text2 {
    word-wrap: anywhere;
    font-size: max(16.2px, 8.75vw);
    margin-top: 3.75vw;
    word-break: keep-all;
  }
}
.kondate-miso2024ss .p-plus__container {
  background-color: #fff;
  border-radius: min(2.0833333333vw, 30px);
  margin-top: min(4.1666666667vw, 60px);
  padding: min(1.9444444444vw, 28px) min(3.4722222222vw, 50px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__container {
    border-radius: 4.6875vw;
    margin: 7.8125vw calc(50% - 50vw) 0;
    padding: 9.375vw 4.6875vw;
  }
}
.kondate-miso2024ss .p-plus__items {
  grid-gap: 1px;
  background-color: #000;
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
}

@media screen and (max-width: 499px) {
  .kondate-miso2024ss .p-plus__items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.kondate-miso2024ss .p-plus__items::after {
  aspect-ratio: 40/58;
  background-color: #fff;
  content: "";
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(2.7777777778vw, 40px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__items::after {
    width: 7.1875vw;
  }
}
@media screen and (max-width: 499px) {
  .kondate-miso2024ss .p-plus__items::after {
    content: none;
  }
}
.kondate-miso2024ss .p-plus__item-link {
  background-color: #fff;
  display: flex;
  gap: min(1.25vw, 18px);
  padding: min(2.0833333333vw, 30px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__item-link {
    flex-direction: column;
    gap: 0vw;
    padding: 0;
    position: relative;
    z-index: 1;
  }
}
@media screen and (max-width: 499px) {
  .kondate-miso2024ss .p-plus__item-link {
    align-items: center;
    flex-direction: row;
  }
}
@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__item:nth-child(-n+2) .p-plus__item-link {
    padding-bottom: 1.1111111111rem;
  }
}
@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__item:nth-child(even) .p-plus__item-link {
    padding-left: 0.8888888889rem;
  }
}
@media screen and (max-width: 499px) {
  .kondate-miso2024ss .p-plus__item:nth-child(even) .p-plus__item-link {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__item:nth-last-child(-n+2) .p-plus__item-link {
    padding-top: 1.1111111111rem;
  }
}
@media screen and (max-width: 499px) {
  .kondate-miso2024ss .p-plus__item:nth-last-child(n+2) .p-plus__item-link {
    padding-top: 1.1111111111rem;
  }
}
@media screen and (max-width: 499px) {
  .kondate-miso2024ss .p-plus__item:nth-child(n+2) .p-plus__item-link {
    padding-bottom: 1.1111111111rem;
  }
}
.kondate-miso2024ss .p-plus__item-figure {
  position: relative;
  width: min(16.1805555556vw, 233px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__item-figure {
    width: 36.25vw;
  }
}
.kondate-miso2024ss .p-plus__item-image-text {
  width: 100%;
}

.kondate-miso2024ss .p-plus__item-image {
  border-radius: 50%;
  left: min(2.5vw, 36px);
  overflow: hidden;
  position: absolute;
  top: min(2.7777777778vw, 40px);
  width: min(12.5vw, 180px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__item-image {
    left: 5.625vw;
    top: 6.25vw;
    width: 28.125vw;
  }
}
.kondate-miso2024ss .p-plus__item-image-text img,
.kondate-miso2024ss .p-plus__item-image img {
  -o-object-fit: contain;
  aspect-ratio: 1/1;
  height: auto;
  object-fit: contain;
  transition: all 0.3s ease-in-out;
  width: 100%;
}

.kondate-miso2024ss .p-plus__item-content {
  flex: 1;
  padding-top: min(2.5vw, 36px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__item-content {
    padding-top: 0;
    text-align: center;
  }
}
.kondate-miso2024ss .p-plus__item-heading {
  color: #60190e;
  font-family: "Noto Serif JP", serif;
  font-size: max(16.2px, min(2.7777777778vw, 40px));
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__item-heading {
    font-size: max(16.2px, 6.25vw);
  }
}
.kondate-miso2024ss .p-plus__item-dl {
  margin-top: min(0.6944444444vw, 10px);
  position: absolute;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__item-dl {
    margin-top: 2.1875vw;
    position: static;
  }
}
.kondate-miso2024ss .p-plus__item-dl-container {
  display: flex;
}

.kondate-miso2024ss .p-plus__item:nth-child(2) .p-plus__item-dl-container:nth-child(2) {
  transform: translateX(max(-1.25vw, -18px));
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__item:nth-child(2) .p-plus__item-dl-container:nth-child(2) {
    transform: translateX(-2.8125vw);
  }
}
.kondate-miso2024ss .p-plus__item:nth-child(2) .p-plus__item-dl-container:nth-child(2) .p-plus__item-dt span {
  display: inline-block;
  transform: scaleX(0.8);
  transform-origin: top right;
}

.kondate-miso2024ss .p-plus__item-dt {
  font-size: max(16.2px, min(1.3888888889vw, 20px));
  font-weight: 700;
  min-width: 5em;
  text-align: right;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__item-dt {
    font-size: max(16.2px, 3.125vw);
    line-height: 2;
  }
}
.kondate-miso2024ss .p-plus__item-dt::after {
  content: "：";
}

.kondate-miso2024ss .p-plus__item-dd {
  align-items: center;
  display: flex;
  font-size: max(16.2px, min(1.3888888889vw, 20px));
  font-weight: 700;
  gap: min(0.2777777778vw, 4px);
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__item-dd {
    font-size: max(16.2px, 3.125vw);
    gap: 1.25vw;
    line-height: 2;
  }
}
.kondate-miso2024ss .p-plus__item-dd::after {
  background: no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  height: auto;
}

.kondate-miso2024ss .p-plus__item-dd--large1::after {
  aspect-ratio: 1/1;
  background-image: url(/uploads/kondate-miso2024ss_plus_large1.svg);
  width: min(2.5vw, 36px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__item-dd--large1::after {
    width: 5.625vw;
  }
}
.kondate-miso2024ss .p-plus__item-dd--large3::after {
  aspect-ratio: 84/36;
  background-image: url(/uploads/kondate-miso2024ss_plus_large3.svg);
  width: min(5.8333333333vw, 84px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__item-dd--large3::after {
    width: 13.125vw;
  }
}
.kondate-miso2024ss .p-plus__item-dd--small1-5::after {
  aspect-ratio: 47/27;
  background-image: url(/uploads/kondate-miso2024ss_plus_small1-5.svg);
  width: min(3.2638888889vw, 47px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__item-dd--small1-5::after {
    width: 7.5vw;
  }
}
.kondate-miso2024ss .p-plus__item-dd--small-half::after {
  aspect-ratio: 27/27;
  background-image: url(/uploads/kondate-miso2024ss_plus_small-half.svg);
  width: min(1.875vw, 27px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__item-dd--small-half::after {
    width: 4.375vw;
  }
}
.kondate-miso2024ss .p-plus__item-dd--small2::after {
  aspect-ratio: 47/27;
  background-image: url(/uploads/kondate-miso2024ss_plus_small2.svg);
  width: min(3.2638888889vw, 47px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-plus__item-dd--small2::after {
    width: 7.5vw;
  }
}
.kondate-miso2024ss .p-plus__item:nth-child(4) .p-plus__item-dd--large3::after {
  transform: translateX(min(1.1111111111vw, 16px));
}

.kondate-miso2024ss .p-plus__item-link:hover {
  opacity: 1;
}

.kondate-miso2024ss .p-plus__item-link:hover .p-plus__item-image img {
  opacity: 0.6;
  transform: scale(1.1);
}

.kondate-miso2024ss .p-plus__item-link figure img {
  opacity: 1;
}

.kondate-miso2024ss .p-recipe {
  overflow-x: hidden;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe {
    overflow: visible;
    overflow: initial;
  }
}
.kondate-miso2024ss .p-recipe__head {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__head {
    flex-direction: column;
  }
}
.kondate-miso2024ss .p-recipe__head-image {
  flex: 1;
  margin-right: calc(50% - 50vw);
  width: min(63.125vw, 909px);
  width: 50%;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__head-image {
    flex: initial;
    margin-left: calc(50% - 50vw);
    width: auto;
  }
}
.kondate-miso2024ss .p-recipe__head-main-image img {
  -o-object-fit: cover;
  aspect-ratio: 909/500;
  border-radius: 1.6666666667rem 0 0 1.6666666667rem;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__head-main-image img {
    aspect-ratio: 640/500;
    border-radius: 4.6875vw;
  }
}
.kondate-miso2024ss .p-recipe__head-illust {
  bottom: max(-4.8611111111vw, -70px);
  position: absolute;
  right: min(0.6944444444vw, 10px);
  width: min(47.7777777778vw, 688px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__head-illust {
    margin-left: auto;
    margin-right: auto;
    margin-top: -11.25vw;
    position: static;
    width: 78.125vw;
  }
}
.kondate-miso2024ss .p-recipe__head-illust img {
  -o-object-fit: cover;
  aspect-ratio: 688/262;
  height: auto;
  object-fit: cover;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__head-illust img {
    aspect-ratio: 500/160;
  }
}
.kondate-miso2024ss .p-recipe__head-content {
  padding-right: 14.222px;
  padding-right: 0.8888888889rem;
  padding-top: min(4.1666666667vw, 60px);
  position: relative;
  width: 33%;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__head-content {
    padding-top: 0.9375vw;
    position: static;
    width: auto;
  }
}
.kondate-miso2024ss .p-recipe__head-title {
  background: linear-gradient(180deg, #470b06 25%, #300b08 100%);
  border-radius: min(0.6944444444vw, 10px);
  color: #fff;
  display: inline-block;
  font-size: max(16.2px, min(2.7777777778vw, 40px));
  font-weight: 900;
  padding: min(1.5972222222vw, 23px) min(2.0833333333vw, 30px);
  position: relative;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__head-title {
    font-size: max(16.2px, 5vw) !important;
  }
  .kondate-miso2024ss .p-recipe__head-title {
    border-radius: 1.5625vw;
    left: 50%;
    padding: 3.75vw 5.3125vw;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
  }
}
.kondate-miso2024ss .p-recipe__head-title::after {
  background: url(/uploads/kondate-miso2024ss_bg_pattarn1.png) no-repeat center/cover;
  border-radius: min(0.6944444444vw, 10px);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.1;
  position: absolute;
  right: 0;
  top: 0;
}

.kondate-miso2024ss .p-recipe__head-link {
  display: block;
  margin-top: min(3.4722222222vw, 50px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__head-link {
    margin-left: auto;
    margin-right: auto;
    max-width: 74.0625vw;
    padding-right: 27.8125vw;
    position: relative;
  }
}
.kondate-miso2024ss .p-recipe__head-tags {
  display: flex;
  flex-wrap: wrap;
  gap: min(0.3472222222vw, 5px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__head-tags::after {
    aspect-ratio: 356/525;
    background: url(/uploads/kondate-miso2024ss_recipe_package_sp.png) no-repeat center/contain;
    content: "";
    display: inline-block;
    height: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 27.8125vw;
  }
}
.kondate-miso2024ss .p-recipe__head-tag {
  background-color: rgba(96, 65, 21, 0.8);
  border-radius: min(0.3472222222vw, 5px);
  color: #fff;
  font-size: max(16.2px, min(0.9722222222vw, 14px));
  font-weight: 900;
  padding: min(0.0694444444vw, 1px) min(0.6944444444vw, 10px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__head-tag {
    border-radius: 0.9375vw;
    font-size: max(16.2px, 2.1875vw);
    padding: 0.625vw 1.25vw;
  }
}
.kondate-miso2024ss .p-recipe__head-recipe-copy {
  font-size: max(16.2px, min(2.0833333333vw, 30px));
  font-weight: 900;
  line-height: 1.4333333333;
  margin-top: min(0.8333333333vw, 12px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__head-recipe-copy {
    font-size: max(16.2px, 4.6875vw);
    margin-top: 1.5625vw;
  }
}
.kondate-miso2024ss .p-recipe__head-recipe-name {
  align-items: center;
  color: #60190e;
  display: flex;
  font-size: max(16.2px, min(4.1666666667vw, 60px));
  font-weight: 900;
  gap: min(0.6944444444vw, 10px);
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__head-recipe-name {
    font-size: max(16.2px, 9.375vw);
  }
}
.kondate-miso2024ss .p-recipe__head-recipe-name::before {
  aspect-ratio: 1/1;
  background: url(/uploads/kondate-miso2024ss_icon_arrow_right.svg) no-repeat center/contain;
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: auto;
  width: min(3.4722222222vw, 50px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__head-recipe-name::before {
    width: 7.8125vw;
  }
}
.kondate-miso2024ss .p-recipe__sections {
  margin-top: min(7.6388888889vw, 110px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__sections {
    margin-top: 11.875vw;
  }
}
.kondate-miso2024ss .p-recipe__section {
  margin: 0 calc(50% - 50vw);
  padding: 0 calc(50vw - 50%) min(4.8611111111vw, 70px);
  position: relative;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__section {
    padding-bottom: 2rem;
  }
}
.kondate-miso2024ss .p-recipe__section:nth-child(odd) {
  background-color: #ffe100;
}

.kondate-miso2024ss .p-recipe__section:nth-child(even) {
  background-color: #fffbd9;
}

.kondate-miso2024ss .p-recipe__section-heading-area {
  padding-top: min(9.0277777778vw, 130px);
  position: relative;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__section-heading-area {
    padding-top: 20.3125vw;
  }
}
.kondate-miso2024ss .p-recipe__section-heading-area::after {
  bottom: min(0.6944444444vw, 10px);
  content: attr(data-en);
  font-size: max(16.2px, min(4.1666666667vw, 60px));
  font-weight: 900;
  line-height: 1;
  position: absolute;
  text-transform: uppercase;
}

.kondate-miso2024ss .p-recipe__section:nth-child(odd) .p-recipe__section-heading-area::after {
  color: #fffbd9;
  right: min(4.4444444444vw, 64px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__section:nth-child(odd) .p-recipe__section-heading-area::after {
    right: 0;
  }
}
.kondate-miso2024ss .p-recipe__section:nth-child(even) .p-recipe__section-heading-area::after {
  color: #ffe100;
  left: min(4.4444444444vw, 64px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__section:nth-child(even) .p-recipe__section-heading-area::after {
    left: 0;
  }
}
.kondate-miso2024ss .p-recipe__section-heading {
  background: url(/uploads/kondate-miso2024ss_recipe_heading_bg.png) no-repeat center/100% 100%;
  color: #fff;
  display: inline-block;
  font-size: max(16.2px, min(2.0833333333vw, 30px));
  font-weight: 900;
  padding: min(1.6666666667vw, 24px) min(8.3333333333vw, 120px) min(2.5vw, 36px);
  position: absolute;
  text-align: center;
  top: max(-0.6944444444vw, -10px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__section-heading {
    font-size: max(16.2px, 4.6875vw) !important;
  }
  .kondate-miso2024ss .p-recipe__section-heading {
    left: -4.6875vw;
    padding: 2.8125vw 4.1666666667rem 7.5vw;
    top: -1.5625vw;
  }
}
.kondate-miso2024ss .p-recipe__section:nth-child(even) .p-recipe__section-heading {
  right: 0;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__section:nth-child(even) .p-recipe__section-heading {
    left: auto;
    right: -4.6875vw;
  }
}
.kondate-miso2024ss .p-recipe__section-items {
  background-color: #fff;
  border-radius: min(2.0833333333vw, 30px);
  padding: min(3.4722222222vw, 50px) min(4.4444444444vw, 64px) min(0.8333333333vw, 12px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__section-items {
    border-radius: 4.6875vw;
    padding: 3.75vw 4.375vw 3.75vw;
  }
}
.kondate-miso2024ss .p-recipe__section-items .uk-cover-container {
  border-radius: min(0.6944444444vw, 10px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__section-items .uk-cover-container {
    border-radius: 3.125vw;
  }
}
.kondate-miso2024ss .p-recipe__section-items .uk-card-default {
  border-radius: 0;
  box-shadow: none;
}

.kondate-miso2024ss .p-recipe__section-items .ax_recipeList .ax_recipeItem .uk-card-body {
  margin-top: min(0.3472222222vw, 5px);
  padding: 0 min(0.6944444444vw, 10px);
}

.kondate-miso2024ss .p-recipe__section-items .ax_recipeList .ax_recipeItem .uk-card-body h3 {
  align-items: flex-start;
  color: #60190e;
  display: flex;
  font-size: max(16.2px, min(1.25vw, 18px));
  font-weight: 900;
  gap: 0.2777777778em;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__section-items .ax_recipeList .ax_recipeItem .uk-card-body h3 {
    font-size: max(16.2px, 2.8125vw) !important;
  }
}
.kondate-miso2024ss .p-recipe__section-items .ax_recipeList .ax_recipeItem .uk-card-body h3::before {
  aspect-ratio: 1/1;
  background: url(/uploads/kondate-miso2024ss_icon_arrow_right.svg) no-repeat center/contain;
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: auto;
  position: static;
  transform: translateY(0.2222222222em);
  width: 1em;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__section-items ul.ax_recipeList_tag li {
    font-size: max(16.2px, 2.5vw) !important;
  }
}
@media (min-width: 640px) {
  .kondate-miso2024ss .p-recipe__section-items .uk-child-width-1-3\@s > * {
    width: 49.9750124938%;
  }
}
@media (min-width: 960px) {
  .kondate-miso2024ss .p-recipe__section-items .uk-child-width-1-3\@s > * {
    width: 24.9937515621%;
  }
}
@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__section-items .uk-child-width-1-3\@s > * {
    width: 49.9750124938%;
  }
}
@media screen and (max-width: 499px) {
  .kondate-miso2024ss .p-recipe__section-items .uk-child-width-1-3\@s > * {
    width: 100%;
  }
}
.kondate-miso2024ss .p-recipe__button-area {
  background-color: #ffe100;
  margin: 0 calc(50% - 50vw);
  padding: 5.5555555556rem calc(50vw - 50%);
  text-align: center;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__button-area {
    padding: 4.4444444444rem 0 2.5555555556rem;
  }
}
.kondate-miso2024ss .p-recipe__button {
  display: inline-block;
  position: relative;
}

.kondate-miso2024ss .p-recipe__button::before {
  aspect-ratio: 100/193;
  background: url(/uploads/kondate-miso2024ss_recipe_miso-kun.png) no-repeat center/contain;
  content: "";
  display: inline-block;
  height: auto;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, -42%);
  transition: all 0.3s ease-in-out;
  width: min(6.9444444444vw, 100px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__button::before {
    width: 15.625vw;
  }
}
.kondate-miso2024ss .p-recipe__button::after {
  aspect-ratio: 180/23;
  background: url(/uploads/kondate-miso2024ss_recipe_miso-kun_hands.svg) no-repeat center/contain;
  content: "";
  display: inline-block;
  height: auto;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, -40%);
  width: min(12.5vw, 180px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__button::after {
    width: 28.125vw;
  }
}
.kondate-miso2024ss .p-recipe__button-inner {
  background-color: #470b06;
  border-radius: 50vh;
  color: #fff;
  display: inline-block;
  letter-spacing: -0.02em;
  padding: min(2.0833333333vw, 30px) min(6.8055555556vw, 98px);
  position: relative;
  transition: background-color 0.3s ease-in-out;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__button-inner {
    padding: 3.4375vw 15vw;
  }
}
.kondate-miso2024ss .p-recipe__button-inner::after {
  background: url(/uploads/kondate-miso2024ss_bg_pattarn1.png) no-repeat center/cover;
  border-radius: 50vh;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.1;
  position: absolute;
  right: 0;
  top: 0;
}

.kondate-miso2024ss .p-recipe__button-text {
  align-items: center;
  display: flex;
  font-size: max(16.2px, min(2.0833333333vw, 30px));
  font-weight: 900;
  gap: min(0.6944444444vw, 10px);
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recipe__button-text {
    font-size: max(16.2px, 4.6875vw);
    gap: 4.375vw;
  }
}
.kondate-miso2024ss .p-recipe__button-text::before {
  -webkit-mask-image: url(/uploads/kondate-miso2024ss_icon_arrow_right.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  aspect-ratio: 1/1;
  background-color: #fff;
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: auto;
  mask-image: url(/uploads/kondate-miso2024ss_icon_arrow_right.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  position: static;
  width: 1em;
}

.kondate-miso2024ss .p-recipe__head-link:hover {
  opacity: 1;
}

.kondate-miso2024ss .p-recipe__head-link:hover .p-recipe__head-recipe-name {
  transform: translateX(min(1.3888888889vw, 20px));
}

.kondate-miso2024ss .p-recipe__button:hover {
  color: #fff;
  opacity: 1;
}

.kondate-miso2024ss .p-recipe__button:hover::before {
  transform: translate(-50%, -50%);
}

.kondate-miso2024ss .p-recipe__button:hover .p-recipe__button-inner {
  background: #b48c4b;
}

.kondate-miso2024ss .p-recommend__inner {
  max-width: min(90.2777777778vw, 1300px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recommend__inner {
    max-width: initial;
    max-width: 700px;
  }
}
.kondate-miso2024ss .p-recommend__heading {
  align-items: center;
  display: flex;
  gap: min(2.0833333333vw, 30px);
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recommend__heading {
    gap: 4.6875vw;
    margin: 0 -9.375vw;
  }
}
.kondate-miso2024ss .p-recommend__heading::before,
.kondate-miso2024ss .p-recommend__heading::after {
  aspect-ratio: 106/84;
  background: url(/uploads/kondate-miso2024ss_recommend_bubble_pink.svg) no-repeat center/contain;
  content: "";
  display: inline-block;
  height: auto;
  width: min(7.3611111111vw, 106px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recommend__heading::before,
  .kondate-miso2024ss .p-recommend__heading::after {
    width: 16.5625vw;
  }
}
.kondate-miso2024ss .p-recommend__heading::before {
  background-image: url(/uploads/kondate-miso2024ss_recommend_bubble_yellow.svg);
}

.kondate-miso2024ss .p-recommend__heading::after {
  background-image: url(/uploads/kondate-miso2024ss_recommend_bubble_pink.svg);
}

.kondate-miso2024ss .p-recommend__heading-texts {
  align-items: center;
  color: #60190e;
  display: flex;
  flex-direction: column;
  font-weight: 900;
}

.kondate-miso2024ss .p-recommend__heading-text1 {
  font-size: max(16.2px, min(2.0833333333vw, 30px));
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recommend__heading-text1 {
    font-size: max(16.2px, 4.6875vw);
  }
}
.kondate-miso2024ss .p-recommend__heading-text2 {
  font-size: max(16.2px, min(3.4722222222vw, 50px));
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recommend__heading-text2 {
    font-size: max(16.2px, 7.8125vw);
  }
}
.kondate-miso2024ss .p-recommend__content {
  margin-top: min(4.1666666667vw, 60px);
  padding: 0 min(6.25vw, 90px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recommend__content {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vw;
    max-width: 168.75vw;
    padding: 0 11.875vw;
  }
}
.kondate-miso2024ss .p-recommend__slider {
  margin-left: max(-2.0833333333vw, -30px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recommend__slider {
    margin-left: -6.25vw;
  }
}
.kondate-miso2024ss .p-recommend__slider .uk-grid > * {
  padding-left: min(2.0833333333vw, 30px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recommend__slider .uk-grid > * {
    padding-left: 6.25vw;
  }
}
.kondate-miso2024ss .p-recommend__item {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: min(0.6944444444vw, 10px);
  justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recommend__item {
    gap: 3.125vw;
  }
}
.kondate-miso2024ss .p-recommend__item-comment {
  border: 2px solid;
  border-radius: min(1.0416666667vw, 15px);
  font-size: max(16.2px, min(1.25vw, 18px));
  font-weight: 600;
  line-height: 1.4444444444;
  padding: min(1.0416666667vw, 15px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recommend__item-comment {
    border-radius: 2.5vw;
    font-size: max(16.2px, 2.8125vw);
    padding: 2.5vw;
  }
}
.kondate-miso2024ss .p-recommend__item:nth-child(odd) .p-recommend__item-comment {
  background-color: #fbf6f8;
  border-color: #ffc4ba;
}

.kondate-miso2024ss .p-recommend__item:nth-child(odd) .p-recommend__item-comment {
  background-color: #fbf6f8;
  border-color: #ffc4ba;
}

.kondate-miso2024ss .p-recommend__item:nth-child(even) .p-recommend__item-comment {
  background-color: #fdfbee;
  border-color: #ffe9af;
}

.kondate-miso2024ss .p-recommend__item-image {
  width: min(6.9444444444vw, 100px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-recommend__item-image {
    width: 15.625vw;
  }
}
.kondate-miso2024ss .uk-slider .uk-slidenav.uk-slidenav-previous {
  left: max(-4.8611111111vw, -70px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .uk-slider .uk-slidenav.uk-slidenav-previous {
    left: -9.375vw;
  }
}
.kondate-miso2024ss .uk-slider .uk-slidenav.uk-slidenav-next {
  right: max(-6.9444444444vw, -100px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .uk-slider .uk-slidenav.uk-slidenav-next {
    right: -15.625vw;
  }
}
.kondate-miso2024ss .uk-slider .uk-slidenav.uk-slidenav-previous::before,
.kondate-miso2024ss .uk-slider .uk-slidenav.uk-slidenav-next::before {
  aspect-ratio: 1/1;
  background: no-repeat center/contain;
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: auto;
  width: min(4.1666666667vw, 60px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .uk-slider .uk-slidenav.uk-slidenav-previous::before,
  .kondate-miso2024ss .uk-slider .uk-slidenav.uk-slidenav-next::before {
    width: 9.375vw;
  }
}
.kondate-miso2024ss .uk-slider .uk-slidenav.uk-slidenav-previous::before {
  background-image: url(/uploads/kondate-miso2024ss_icon_carret_left.svg);
}

.kondate-miso2024ss .uk-slider .uk-slidenav.uk-slidenav-next::before {
  background-image: url(/uploads/kondate-miso2024ss_icon_carret_right.svg);
}

.kondate-miso2024ss .p-series__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 4rem -10px 0;
}

.kondate-miso2024ss .p-series__item:first-child {
  width: 90.9090909091%;
  padding-bottom: 40px;
  margin: 0 0;
}

.kondate-miso2024ss .p-series__item {
  width: calc((100% - 20px) / 3.3);
  padding-bottom: 40px;
  margin: 0 10px;
}

@media screen and (max-width: 640px) {
  .kondate-miso2024ss .p-series__item:first-child {
    width: 80.6451612903%;
    padding-bottom: 40px;
    margin: 0 10px;
  }
  .kondate-miso2024ss .p-series__item {
    width: calc((100% - 20px) / 2.5);
    padding-bottom: 40px;
    margin: 0 10px;
  }
}
.kondate-miso2024ss .p-series__item-link {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.kondate-miso2024ss .p-series__item-copy {
  word-wrap: anywhere;
  background-color: #60190e;
  border-radius: 0.2777777778rem;
  color: #fff;
  font-size: 20px;
  font-size: max(1.25rem, 16.2px);
  font-weight: 900;
  line-height: 1;
  padding: 8.888px;
  padding: 0.5555555556rem;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  word-break: keep-all;
}

@media screen and (max-width: 1023px) {
  .kondate-miso2024ss .p-series__item-copy {
    border-radius: 0.1666666667rem;
    font-size: max(0.625rem, 16.2px);
    line-height: 1.5;
    padding: 0.1666666667rem 0.0555555556rem;
  }
}
.kondate-miso2024ss .p-series__item-copy::after {
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  aspect-ratio: 1/1;
  background-color: #60190e;
  bottom: 7.111px;
  bottom: 0.4444444444rem;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  content: "";
  display: inline-block;
  height: auto;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 100%);
  width: 17.777px;
  width: 1.1111111111rem;
}

.kondate-miso2024ss .p-series__item-image {
  margin-top: 17.777px;
  margin-top: 1.1111111111rem;
}

.kondate-miso2024ss .p-series__item-image img {
  margin-top: auto;
}

.kondate-miso2024ss .p-series__item:nth-child(1) .p-series__item-image {
  align-items: flex-end;
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .kondate-miso2024ss .p-series__item:nth-child(1) .p-series__item-image {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -15px;
  }
  .kondate-miso2024ss .p-series__item:nth-child(1) .p-series__item-image a {
    width: 40%;
    text-align: center;
    display: inline-block;
  }
}

.kondate-miso2024ss .p-series__item .p-series__item-image picture, .kondate-miso2024ss .p-series__item .p-series__item-image source, .kondate-miso2024ss .p-series__item .p-series__item-image img {
  text-align: center;
  width: auto;
  height: 200px;
  margin: 0 auto;
}

.kondate-miso2024ss .p-series__item-heading {
  word-wrap: anywhere;
  font-size: 18px;
  font-size: max(1.125rem, 16.2px);
  font-weight: 600;
  line-height: 1.5;
  margin-top: 14.222px;
  margin-top: 0.8888888889rem;
  text-align: center;
  word-break: keep-all;
}

@media screen and (max-width: 1023px) {
  .kondate-miso2024ss .p-series__item-heading {
    font-size: max(0.5625rem, 16.2px) !important;
  }
}
.kondate-miso2024ss .p-sns__inner {
  max-width: 765.333px;
  max-width: 47.8333333333rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-sns__inner {
    width: 64.0625%;
  }
}
.kondate-miso2024ss .p-sns__items {
  grid-gap: min(9.0277777778vw, 130px);
  display: grid;
  gap: min(9.0277777778vw, 130px);
  grid-template-columns: repeat(auto-fit, minmax(16.6666666667rem, 1fr));
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-sns__items {
    gap: 15.3125vw;
    grid-template-columns: repeat(auto-fit, minmax(46.875vw, 1fr));
  }
}
.kondate-miso2024ss .p-sns__item-link {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.kondate-miso2024ss .p-sns__item-head {
  align-items: center;
  display: flex;
  gap: 17.777px;
  gap: 1.1111111111rem;
  justify-content: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-sns__item-head {
    gap: 3.125vw;
  }
}
.kondate-miso2024ss .p-sns__item-head::after {
  aspect-ratio: 350/20;
  background: url(/uploads/kondate-miso2024ss_sns_x_line.svg) no-repeat center/cover;
  bottom: -3.555px;
  bottom: -0.2222222222rem;
  content: "";
  display: block;
  height: auto;
  position: absolute;
  transform: translateY(2.2222222222rem);
  width: 100%;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-sns__item-head::after {
    bottom: -0.625vw;
    transform: translateY(6.25vw);
  }
}
.kondate-miso2024ss .p-sns__item:nth-child(2) .p-sns__item-head::after {
  background-image: url(/uploads/kondate-miso2024ss_sns_instagram_line.svg);
}

.kondate-miso2024ss .p-sns__item-icon {
  flex-shrink: 0;
  width: 88.888px;
  width: 5.5555555556rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-sns__item-icon {
    width: 15.625vw;
  }
}
.kondate-miso2024ss .p-sns__item-icon img {
  -o-object-fit: contain;
  aspect-ratio: 1/1;
  height: auto;
  object-fit: contain;
  width: 100%;
}

.kondate-miso2024ss .p-sns__heading {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.kondate-miso2024ss .p-sns__heading-text1 {
  color: rgba(0, 0, 0, 0.5);
  display: block;
  font-size: 16.2px;
  font-size: max(0.875rem, 16.2px);
  font-weight: 900;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-sns__heading-text1 {
    font-size: max(16.2px, 2.1875vw);
  }
}
.kondate-miso2024ss .p-sns__heading-text2 {
  display: block;
  font-size: 24px;
  font-size: max(1.2rem, 16.2px);
  font-weight: 900;
  line-height: 1;
  margin-top: 8.888px;
  margin-top: 0.5555555556rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-sns__heading-text2 {
    font-size: max(16.2px, 3.75vw);
    margin-top: 1.875vw;
  }
}
.kondate-miso2024ss .p-sns__heading-text3 {
  display: block;
  font-size: 24px;
  font-size: max(1.1rem, 16.2px);
  font-weight: 600;
  line-height: 1;
  margin-top: 4.444px;
  margin-top: 0.2777777778rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-sns__heading-text3 {
    font-size: max(16.2px, 3.125vw);
    margin-top: 0.9375vw;
  }
}
.kondate-miso2024ss .p-sns__item-content {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-top: 48px;
  margin-top: 3rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-sns__item-content {
    margin-top: 8.4375vw;
  }
}
.kondate-miso2024ss .p-sns__item-description {
  word-wrap: anywhere;
  font-size: max(16.2px, min(1.25vw, 18px));
  font-weight: 600;
  text-align: center;
  word-break: keep-all;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-sns__item-description {
    font-size: max(16.2px, 2.8125vw);
  }
}
.kondate-miso2024ss .p-sns__item-image {
  flex: 1;
  margin-left: auto;
  margin-right: auto;
  margin-top: 23.111px;
  margin-top: 1.4444444444rem;
  max-width: 266.666px;
  max-width: 16.6666666667rem;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-sns__item-image {
    margin-top: 4.0625vw;
    max-width: 46.875vw;
  }
}
.kondate-miso2024ss .p-sns__item-image img {
  border: 1px solid #ccc;
  transition: opacity 0.3s ease-in-out;
}

.kondate-miso2024ss .p-sns__item-button {
  align-items: center;
  background-color: #666;
  border-radius: 100vh;
  color: #fff;
  display: inline-flex;
  font-size: 18px;
  font-size: max(1.125rem, 16.2px);
  font-weight: 500;
  gap: 8.888px;
  gap: 0.5555555556rem;
  line-height: 1;
  margin-top: 31.111px;
  margin-top: 1.9444444444rem;
  padding: 17.777px 26.666px;
  padding: 1.1111111111rem 1.6666666667rem;
  transition: opacity 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-sns__item-button {
    font-size: max(16.2px, 2.8125vw);
    gap: 1.5625vw;
    margin-top: 5.625vw;
    padding: 3.125vw 4.6875vw;
  }
}
.kondate-miso2024ss .p-sns__item-button::before {
  -webkit-mask-image: url(/uploads/kondate-miso2024ss_icon_arrow_right.svg);
  -webkit-mask-size: contain;
  aspect-ratio: 1/1;
  background-color: #fff;
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: auto;
  mask-image: url(/uploads/kondate-miso2024ss_icon_arrow_right.svg);
  mask-size: contain;
  width: 16px;
  width: 1rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-sns__item-button::before {
    width: 2.8125vw;
  }
}
.kondate-miso2024ss .p-sns__item-link:hover,
.kondate-miso2024ss .p-sns__item-link:hover .p-sns__item-icon img {
  opacity: 1;
}

.kondate-miso2024ss .p-sns__item-link:hover .p-sns__item-button {
  opacity: 0.6;
}

.kondate-miso2024ss {
  /* hover */
  /* .uk-open */
  /* .uk-open + :hover*/
}

.kondate-miso2024ss .p-story {
  background-color: #fffbd9;
  padding: 88.888px 0 106.666px;
  padding: 5.5555555556rem 0 6.6666666667rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story {
    padding: 2.7777777778rem 0 4.4444444444rem;
  }
}
.kondate-miso2024ss .p-story::before {
  background: url(/uploads/kondate-miso2024ss_bg_pattarn2.png) repeat top center/100px 100px;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.2;
  position: absolute;
  right: 0;
  top: 0;
}

.kondate-miso2024ss .p-story__inner {
  position: relative;
}

.kondate-miso2024ss .p-story__content {
  margin-top: 53.333px;
  margin-top: 3.3333333333rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__content {
    margin-top: 1.6666666667rem;
  }
}
.kondate-miso2024ss .p-story__start-title {
  background-color: #60190e;
  border-radius: 3.3333333333rem 3.3333333333rem 0 0;
  color: #fff;
  display: block;
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  font-size: max(2.25rem, 16.2px);
  font-weight: 700;
  padding: 17.777px;
  padding: 1.1111111111rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__start-title {
    border-radius: 1.6666666667rem 1.6666666667rem 0 0;
    font-size: max(1.125rem, 16.2px);
    padding: 0.6666666667rem;
  }
}
.kondate-miso2024ss .p-story__start-content {
  background-color: #fff;
  border: 4.444px solid #60190e;
  border: 0.2777777778rem solid #60190e;
  border-radius: 0 0 3.3333333333rem 3.3333333333rem;
  display: flex;
  gap: 44.444px;
  gap: 2.7777777778rem;
  padding: 35.555px 62.222px 44.444px;
  padding: 2.2222222222rem 3.8888888889rem 2.7777777778rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__start-content {
    border-radius: 0 0 1.6666666667rem 1.6666666667rem;
    border-width: 0.1666666667rem;
    flex-direction: column;
    gap: 1.3888888889rem;
    padding: 1.1111111111rem 0.8888888889rem 1.2222222222rem;
  }
}
.kondate-miso2024ss .p-story__content-image {
  width: 186.666px;
  width: 11.6666666667rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__content-image {
    margin-left: auto;
    margin-right: auto;
    width: 43.75%;
  }
}
.kondate-miso2024ss .p-story__content-body {
  flex: 1;
}

.kondate-miso2024ss .p-story__content-description {
  font-size: 18px;
  font-size: max(1.125rem, 16.2px);
  font-weight: 600;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__content-description {
    font-size: max(0.5625rem, 16.2px);
  }
}
.kondate-miso2024ss .p-story__content-description + .p-story__content-description {
  margin-top: 32px;
  margin-top: 2rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__content-description + .p-story__content-description {
    margin-top: 0.8888888889rem;
  }
}
.kondate-miso2024ss .p-story__button {
  margin-top: 44.444px;
  margin-top: 2.7777777778rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__button {
    margin-top: 1.2777777778rem;
  }
}
.kondate-miso2024ss .p-story__accordion-items {
  margin-top: 44.444px;
  margin-top: 2.7777777778rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__accordion-items {
    margin-top: 1.3888888889rem;
  }
}
.kondate-miso2024ss .p-story__accordion-item {
  background-color: #fff;
  border: 4.444px solid #60190e;
  border: 0.2777777778rem solid #60190e;
  border-radius: 3.3333333333rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__accordion-item {
    border-radius: 1.6666666667rem;
    border-width: 0.1666666667rem;
  }
}
.kondate-miso2024ss .p-story__accordion-item + .p-story__accordion-item {
  margin-top: 44.444px;
  margin-top: 2.7777777778rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__accordion-item + .p-story__accordion-item {
    margin-top: 1.3888888889rem;
  }
}
.kondate-miso2024ss .p-story__accordion-item::before {
  background: url(/uploads/kondate-miso2024ss_story_decoration.svg) no-repeat center/100% 100%;
  content: "";
  display: block;
  height: 48px;
  height: 3rem;
  left: 0;
  position: absolute;
  right: 0;
  top: -1.777px;
  top: -0.1111111111rem;
  transform: translateY(-100%);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__accordion-item::before {
    background-image: url(/uploads/kondate-miso2024ss_story_decoration_sp.svg);
    height: 1.5rem;
    left: -0.6666666667rem;
  }
}
.kondate-miso2024ss .p-story__accordion-item:nth-child(even):before {
  transform: translateY(-100%) rotate(180deg);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__accordion-item:nth-child(even):before {
    left: 0;
    right: -0.6666666667rem;
  }
}
.kondate-miso2024ss .p-story__accordion {
  border-radius: 3.3333333333rem;
  margin-top: 44.444px;
  margin-top: 2.7777777778rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__accordion {
    border-radius: 1.6666666667rem;
    margin-top: 1.3888888889rem;
  }
}
.kondate-miso2024ss .p-story__accordion-title {
  align-items: center;
  background-color: #fff;
  border: 4.444px solid #60190e;
  border: 0.2777777778rem solid #60190e;
  border-radius: 3.3333333333rem;
  color: #60190e;
  cursor: pointer;
  display: flex;
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  font-size: max(2.25rem, 16.2px);
  font-weight: 700;
  gap: 8.888px;
  gap: 0.5555555556rem;
  margin: -4.444px;
  margin: -0.2777777778rem;
  padding: 7.111px 24.888px 7.111px 7.111px;
  padding: 0.4444444444rem 1.5555555556rem 0.4444444444rem 0.4444444444rem;
  transition: all 0.3s ease-in-out;
  width: calc(100% + 10px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__accordion-title {
    border-radius: 1.6666666667rem;
    border-width: 0.1666666667rem;
    font-size: max(1.125rem, 16.2px);
    gap: 0.7222222222rem;
    line-height: 1.3333333333;
    margin: -0.1666666667rem;
    padding: 0.2222222222rem 0.7777777778rem 0.2222222222rem 0.2222222222rem;
    width: calc(100% + 6px);
  }
}
.kondate-miso2024ss .p-story__accordion-title::before {
  aspect-ratio: 1/1;
  background: no-repeat center/contain;
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: auto;
  margin-left: 0;
  transition: background-color 0.3s ease-in-out;
  width: 71.111px;
  width: 4.4444444444rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__accordion-title::before {
    width: 2.2222222222rem;
  }
}
.kondate-miso2024ss .p-story__accordion-item:nth-child(1) .p-story__accordion-title::before {
  background-image: url(/uploads/kondate-miso2024ss_story_02.png);
}

.kondate-miso2024ss .p-story__accordion-item:nth-child(2) .p-story__accordion-title::before {
  background-image: url(/uploads/kondate-miso2024ss_story_03.png);
}

.kondate-miso2024ss .p-story__accordion-item:nth-child(3) .p-story__accordion-title::before {
  background-image: url(/uploads/kondate-miso2024ss_story_04.png);
}

.kondate-miso2024ss .p-story__accordion-item:nth-child(4) .p-story__accordion-title::before {
  background-image: url(/uploads/kondate-miso2024ss_story_05.png);
}

.kondate-miso2024ss .p-story__accordion-item:nth-child(5) .p-story__accordion-title::before {
  background-image: url(/uploads/kondate-miso2024ss_story_06.png);
}

.kondate-miso2024ss .p-story__accordion-title::after {
  padding: 2px !important;
  width: 2em !important;
}

.kondate-miso2024ss .p-story__accordion-title::after {
  align-items: center;
  aspect-ratio: 1/1;
  background-color: #60190e;
  border-radius: 50%;
  color: #fff;
  content: "\f067";
  display: flex;
  flex-shrink: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 0.5em;
  font-weight: 900;
  height: auto;
  justify-content: center;
  line-height: 1;
  margin-left: auto;
  text-align: center;
  transition: background-color 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__accordion-title::after {
    font-size: 0.75em;
    padding-bottom: 0.1111111111rem;
    width: 1rem;
  }
}
.kondate-miso2024ss .p-story__accordion-content.uk-accordion-content {
  margin-top: 0;
  padding: 35.555px 62.222px 44.444px;
  padding: 2.2222222222rem 3.8888888889rem 2.7777777778rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__accordion-content.uk-accordion-content {
    padding: 1.6666666667rem 0.8888888889rem;
  }
}
.kondate-miso2024ss .p-story__accordion-inner {
  display: flex;
  gap: 44.444px;
  gap: 2.7777777778rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__accordion-inner {
    flex-direction: column;
    gap: 1.3888888889rem;
  }
}
.kondate-miso2024ss .p-story__accordion-item:nth-child(even) .p-story__accordion-inner {
  flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__accordion-item:nth-child(even) .p-story__accordion-inner {
    flex-direction: column;
  }
}
.kondate-miso2024ss .p-story__accordion-text {
  flex: 1;
}

.kondate-miso2024ss .p-story__accordion-description {
  font-size: 18px;
  font-size: max(1.125rem, 16.2px);
  font-weight: 600;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__accordion-description {
    font-size: max(0.5625rem, 16.2px);
  }
}
.kondate-miso2024ss .p-story__accordion-description + .p-story__accordion-description {
  margin-top: 32px;
  margin-top: 2rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__accordion-description + .p-story__accordion-description {
    margin-top: 0.8888888889rem;
  }
}
.kondate-miso2024ss .p-story__accordion-image {
  width: 186.666px;
  width: 11.6666666667rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__accordion-image {
    margin-left: auto;
    margin-right: auto;
    width: 11.6666666667rem;
  }
}
.kondate-miso2024ss .p-story__accordion-image3 {
  width: 186.666px;
  width: 11.6666666667rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__accordion-image3 {
    margin-left: auto;
    margin-right: auto;
    width: 16.6666666667rem;
  }
}
.kondate-miso2024ss .p-story__last-content {
  align-items: center;
  background-color: #fff;
  border: 4.444px solid #60190e;
  border: 0.2777777778rem solid #60190e;
  border-radius: 3.3333333333rem;
  display: flex;
  gap: 24px;
  gap: 1.5rem;
  margin-top: 44.444px;
  margin-top: 2.7777777778rem;
  padding: 53.333px 71.111px;
  padding: 3.3333333333rem 4.4444444444rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__last-content {
    border: 0.1666666667rem solid #60190e;
    border-radius: 1.6666666667rem;
    flex-direction: column;
    gap: 0.7222222222rem;
    margin-top: 1.3888888889rem;
    padding: 1.6666666667rem 0.8888888889rem;
  }
}
.kondate-miso2024ss .p-story__last-content::before {
  background: url(/uploads/kondate-miso2024ss_story_decoration.svg) no-repeat center/100% 100%;
  content: "";
  display: block;
  height: 48px;
  height: 3rem;
  left: 0;
  position: absolute;
  right: 0;
  top: -1.777px;
  top: -0.1111111111rem;
  transform: translateY(-100%) rotate(180deg);
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__last-content::before {
    background-image: url(/uploads/kondate-miso2024ss_story_decoration_sp.svg);
    height: 1.5rem;
    right: -0.6666666667rem;
  }
}
.kondate-miso2024ss .p-story__last-content-image {
  flex-shrink: 0;
  width: 133.333px;
  width: 8.3333333333rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__last-content-image {
    margin-left: auto;
    margin-right: auto;
    width: 8.3333333333rem;
  }
}
.kondate-miso2024ss .p-story__last-content-description {
  font-size: 18px;
  font-size: max(1.125rem, 16.2px);
  font-weight: 600;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__last-content-description {
    font-size: max(0.5625rem, 16.2px);
  }
}
.kondate-miso2024ss .p-story__last-content-description + .p-story__last-content-description {
  margin-top: 14.222px;
  margin-top: 0.8888888889rem;
}

.kondate-miso2024ss .p-story__button-area {
  margin-top: 106.666px;
  margin-top: 6.6666666667rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__button-area {
    margin-top: 3.3333333333rem;
  }
}
.kondate-miso2024ss .p-story__red-button {
  align-items: center;
  background-color: #d71518;
  border-radius: 1.1111111111rem;
  color: #fff;
  display: inline-flex;
  font-size: 30px;
  font-size: max(1.875rem, 16.2px);
  font-weight: 900;
  gap: min(1.3888888889vw, 20px);
  justify-content: center;
  letter-spacing: -0.02em;
  padding: min(2.0833333333vw, 30px) min(4.1666666667vw, 60px);
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__red-button {
    border-radius: 0.5555555556rem;
    font-size: max(0.9375rem, 16.2px);
    gap: 0.8888888889rem;
    padding: 1.1111111111rem 1.6666666667rem;
  }
}
.kondate-miso2024ss .p-story__red-button::before,
.kondate-miso2024ss .p-story__red-button::after {
  aspect-ratio: 56/45;
  background: no-repeat center/contain;
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: auto;
  width: 49.777px;
  width: 3.1111111111rem;
}

@media screen and (max-width: 767px) {
  .kondate-miso2024ss .p-story__red-button::before,
  .kondate-miso2024ss .p-story__red-button::after {
    width: 1.5555555556rem;
  }
}
.kondate-miso2024ss .p-story__red-button::before {
  background-image: url(/uploads/kondate-miso2024ss_icon_media1.svg);
}

.kondate-miso2024ss .p-story__red-button::after {
  background-image: url(/uploads/kondate-miso2024ss_icon_media2.svg);
}

.kondate-miso2024ss .p-story__accordion-title:hover {
  background-color: #60190e;
  color: #fff;
  opacity: 1;
}

.kondate-miso2024ss .p-story__accordion-title:hover::after {
  background-color: #fff;
  color: #60190e;
}

.kondate-miso2024ss .p-story__red-button:hover {
  color: #fff;
}

.kondate-miso2024ss .uk-open .p-story__accordion-title {
  background-color: #60190e;
  color: #fff;
  opacity: 1;
}

.kondate-miso2024ss .uk-open .p-story__accordion-title::after {
  background-color: #fff;
  color: #60190e;
  content: "\f068";
}

@keyframes bowAnimation {
  0%, 30%, 70%, 100% {
    transform: rotateX(0deg);
  }
  50% {
    transform: rotateX(20deg);
  }
}
.u-bow {
  animation: bowAnimation 4s ease-in-out infinite;
  transform-origin: center bottom; /* お辞儀の中心点を下部に設定 */
}

@keyframes jumpAnimation {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
.u-jump {
  animation: jump 2s ease-in-out infinite;
}

@keyframes jump {
  0% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(-20px);
  }
  40% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(-5px);
  }
  60% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0px);
  }
}