@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
/* -----------------
root
-------------------- */
:root {
  --font-base: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
  --font-serif: "Noto Serif JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
  --color-base: #5A5A5A;
  --color-placeholder: #BABABA;
  --width-base-pc: 1440px;
  --width-base-sp: calc(660 / 750 * 100%);
}

/* -----------------
reset
-------------------- */
.seasonal_milk *, .seasonal_milk *::after, .seasonal_milk *::before {
  box-sizing: border-box;
}
.seasonal_milk h1, .seasonal_milk h2, .seasonal_milk h3, .seasonal_milk h4, .seasonal_milk h5, .seasonal_milk h6, .seasonal_milk p, .seasonal_milk address, .seasonal_milk ul, .seasonal_milk ol, .seasonal_milk li, .seasonal_milk dl, .seasonal_milk dt, .seasonal_milk dd, .seasonal_milk table, .seasonal_milk th, .seasonal_milk td, .seasonal_milk img, .seasonal_milk figure, .seasonal_milk picture, .seasonal_milk form {
  font-family: var(--font-base);
  font-style: normal;
  font-weight: normal;
  color: var(--color-base);
  line-height: 100%;
  text-align: left;
  margin: 0;
  padding: 0;
  border: none;
  list-style-type: none;
  line-break: strict;
  font-feature-settings: "palt";
}
.seasonal_milk input, .seasonal_milk button, .seasonal_milk textarea, .seasonal_milk select {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: var(--font-base);
  color: var(--color-base);
}
.seasonal_milk picture {
  display: block;
}
.seasonal_milk button {
  text-align: left;
  display: block;
  cursor: pointer;
}
.seasonal_milk ::placeholder {
  color: var(--color-placeholder);
}
.seasonal_milk select:invalid {
  color: var(--color-placeholder);
}
.seasonal_milk textarea {
  display: block;
  resize: vertical;
}
.seasonal_milk select::-ms-expand {
  display: none;
}
.seasonal_milk [type=checkbox],
.seasonal_milk [type=radio] {
  visibility: hidden;
  width: 1px;
  position: absolute;
}
.seasonal_milk a {
  color: inherit;
  text-decoration: none;
  outline: none;
}
.seasonal_milk img,
.seasonal_milk svg {
  vertical-align: bottom;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.seasonal_milk table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.seasonal_milk small {
  font-size: inherit;
}

.font_serif {
  font-family: var(--font-serif);
}

/* -----------------
responsive
-------------------- */
@media screen and (min-width: 641px) {
  body {
    min-width: var(--width-base-pc);
  }
  .seasonal_milk .m_sp {
    display: none !important;
  }
}
@media (any-hover: hover) {
  .seasonal_milk a,
  .seasonal_milk button {
    transition: 0.3s;
  }
  .seasonal_milk a:hover,
  .seasonal_milk button:hover {
    opacity: 0.7;
  }
  .seasonal_milk a[href*="tel:"] {
    pointer-events: none;
  }
}
@media screen and (max-width: 640px) {
  .seasonal_milk a:active,
  .seasonal_milk button:active {
    opacity: 0.7;
  }
  .seasonal_milk .m_pc {
    display: none !important;
  }
}
/* -----------------
common
-------------------- */
p,
span,
dt,
dd,
li,
th,
td,
input,
button,
textarea,
select {
  line-height: 1;
}

.m_wrap {
  margin: 0 auto;
  width: 100%;
  max-width: var(--width-base-pc);
}

.pm_inner {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 640px) {
  body {
    -webkit-text-size-adjust: 100%;
    min-height: 100vh;
  }
  .m_wrap {
    width: var(--width-base-sp);
  }
}
.sup {
  vertical-align: super;
  font-size: 60%;
}

.tac {
  text-align: center !important;
}

.delay1 {
  transition-delay: 0.3s !important;
}

.delay2 {
  transition-delay: 0.6s !important;
}

.delay3 {
  transition-delay: 0.9s !important;
}

/* -----------------
seasonal_milk
-------------------- */
.seasonal_milk {
  background: #F5F7F7;
  padding-bottom: 150px;
  overflow: hidden;
  /* -----------------
  fv_wrap
  -------------------- */
  /* -----------------
  features_wrap
  -------------------- */
  /* -----------------
  scroll-infinity
  -------------------- */
  /* -----------------
  lineup_wrap
  -------------------- */
  /* -----------------
  howtouse_wrap
  -------------------- */
  /* -----------------
  cotton_wrap
  -------------------- */
  /* -----------------
  system_wrap
  -------------------- */
  /* -----------------
  epilogue_wrap
  -------------------- */
  /* -----------------
  pickup_wrap
  -------------------- */
  /* -----------------
  milklineup_wrap
  -------------------- */
  /* -----------------
  coupon_wrap
  -------------------- */
  /* -----------------
  fixed_btn
  -------------------- */
}
@media screen and (max-width: 640px) {
  .seasonal_milk {
    padding-bottom: 19.5058517555vw;
  }
}
.seasonal_milk .js_action._fade {
  opacity: 0;
  transition: opacity 0.5s;
}
.seasonal_milk .js_action._fade.is_action {
  opacity: 1;
}
.seasonal_milk .js_action._left_to_right {
  opacity: 0;
  transition: 1s;
  overflow: hidden;
  transform: translateX(-100%);
}
.seasonal_milk .js_action._left_to_right ._left_to_right_inner {
  display: inline-block;
  transform: translateX(100%);
  transition: 1s;
}
.seasonal_milk .js_action._left_to_right.is_action {
  opacity: 1;
  transform: translateX(0);
}
.seasonal_milk .js_action._left_to_right.is_action ._left_to_right_inner {
  transform: translateX(0);
}
.seasonal_milk .js_action._fade_top {
  opacity: 0;
  transform: translateY(50px);
  transition: 1s;
}
.seasonal_milk .js_action._fade_top.is_action {
  opacity: 1;
  transform: translateY(0);
}
.seasonal_milk .js_action ._in_fade_top {
  opacity: 0;
  transform: translateY(50px);
  transition: 1s;
}
.seasonal_milk .js_action.is_action ._in_fade_top {
  opacity: 1;
  transform: translateY(0);
}
.seasonal_milk .js_action ._in_fade_boing {
  opacity: 0;
  transform: scale(0);
  transition: 0.3s 0.6s;
}
.seasonal_milk .js_action.is_action ._in_fade_boing {
  opacity: 1;
  transform: scale(1);
}
.seasonal_milk .js_action ._top_to_bottom {
  overflow: hidden;
  opacity: 0;
  transition: 1s;
  transform: translateY(-100%);
}
.seasonal_milk .js_action ._top_to_bottom ._top_to_bottom_inner {
  display: block;
  transform: translateY(100%);
  transition: 1s;
}
.seasonal_milk .js_action.is_action ._top_to_bottom {
  opacity: 1;
  transform: translateY(0);
}
.seasonal_milk .js_action.is_action ._top_to_bottom ._top_to_bottom_inner {
  transform: translateY(0);
}
.seasonal_milk .c_ttl01 {
  position: relative;
  padding-block: 10px 22px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .c_ttl01 {
    padding-block: 5.2015604681vw 4.2912873862vw;
  }
}
.seasonal_milk .c_ttl01::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: 345px;
  height: 1px;
  border-bottom: 1px solid var(--color-base);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .c_ttl01::before {
    width: 67.2301690507vw;
  }
}
.seasonal_milk .c_ttl01 .ja {
  font-size: 18px;
  letter-spacing: 0.2em;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .c_ttl01 .ja {
    font-size: 3.6410923277vw;
  }
}
.seasonal_milk .c_ttl01 .en {
  text-align: center;
  margin-top: 23px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .c_ttl01 .en {
    margin-top: 3.6410923277vw;
  }
}
.seasonal_milk .c_ttl01 .en picture,
.seasonal_milk .c_ttl01 .en img {
  width: var(--c_ttl01_en);
  margin-inline: auto;
}
.seasonal_milk .c_ttl02 {
  position: relative;
  padding-bottom: 15px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .c_ttl02 {
    padding-block: 5.2015604681vw 3.1209362809vw;
  }
}
.seasonal_milk .c_ttl02::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: 170px;
  height: 1px;
  border-bottom: 1px solid var(--color-base);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .c_ttl02::before {
    width: 53.8361508453vw;
  }
}
.seasonal_milk .c_ttl02 .ja {
  font-size: 14px;
  letter-spacing: 0.2em;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .c_ttl02 .ja {
    font-size: 2.8608582575vw;
  }
}
.seasonal_milk .c_ttl02 .en {
  text-align: center;
  margin-top: 18px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .c_ttl02 .en {
    margin-top: 3.6410923277vw;
  }
}
.seasonal_milk .c_ttl02 .en picture,
.seasonal_milk .c_ttl02 .en img {
  width: var(--c_ttl02_en);
  margin-inline: auto;
}
.seasonal_milk .fv_wrap {
  overflow: hidden;
}
.seasonal_milk .fv_wrap .inner {
  height: 100%;
  padding-block: 57px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .fv_wrap .inner {
    padding-block: 16.9050715215vw 7.1521456437vw;
  }
}
.seasonal_milk .fv_wrap .txts {
  opacity: 0;
  transition: opacity 1s 1s;
  padding-left: 170px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .fv_wrap .txts {
    padding-left: 0;
  }
}
.seasonal_milk .fv_wrap .ttl {
  width: 333px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .fv_wrap .ttl {
    width: 75.422626788vw;
    margin-inline: auto;
  }
}
.seasonal_milk .fv_wrap .txt {
  width: fit-content;
  font-size: 29.46px;
  letter-spacing: 0.19em;
  font-weight: 300;
  margin-top: 26px;
  margin-left: -5px;
  position: relative;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .fv_wrap .txt {
    margin: 10.4031209363vw auto 0;
    font-size: 6.2795838752vw;
    line-height: 1.3106233175;
    letter-spacing: 0.134em;
    text-align: center;
  }
}
.seasonal_milk .fv_wrap .txt::before {
  content: "";
  width: calc(100% + 30px);
  height: 3px;
  position: absolute;
  left: 0;
  bottom: -20px;
  background: linear-gradient(to right, #b3a7ce 0%, #e4a6b8 17%, #70a2c8 34%, #dbd58e 48%, #ab98c4 65%, #e6abba 79%, rgba(230, 171, 186, 0) 100%);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .fv_wrap .txt::before {
    width: 76.9830949285vw;
    height: 0.6501950585vw;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(to left, rgba(179, 167, 206, 0) 0%, #b3a7ce 16%, #e4a6b8 31%, #70a2c8 43%, #dbd58e 56%, #ab98c4 70%, #e6abba 83%, rgba(230, 171, 186, 0) 100%);
  }
}
.seasonal_milk .fv_wrap.is_action .txts {
  opacity: 1;
}
.seasonal_milk .fv_wrap .slide {
  --slide_width: 291px;
  width: calc(100vw + var(--slide_width) * 2);
  margin-top: 108px;
  transform: rotate(-6deg) translate3d(0, 0, 0);
  will-change: transform;
  transform-origin: left bottom;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .fv_wrap .slide {
    --slide_width: calc(257 * (100vw / 769));
    margin-top: 26.0078023407vw;
  }
  .seasonal_milk .fv_wrap .slide.slide02 {
    margin-top: 1.300390117vw;
  }
}
.seasonal_milk .fv_wrap .slide .item {
  width: var(--slide_width);
  margin-inline: 5px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .fv_wrap .slide .item {
    margin-inline: 0.5201560468vw;
  }
}
.seasonal_milk .features_wrap > .inner {
  padding-block: 10px 140px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .features_wrap > .inner {
    padding-block: 7.1521456437vw 18.855656697vw;
  }
}
.seasonal_milk .features_wrap .features_ttl {
  position: relative;
  font-size: 32px;
  letter-spacing: 0.2em;
  text-align: center;
  padding-bottom: 25px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .features_wrap .features_ttl {
    font-size: 6.2418725618vw;
    padding-bottom: 5.2015604681vw;
  }
}
.seasonal_milk .features_wrap .features_ttl::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: 345px;
  height: 1px;
  border-bottom: 1px solid var(--color-base);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .features_wrap .features_ttl::before {
    width: 67.2301690507vw;
  }
}
.seasonal_milk .features_wrap .features_txt {
  margin-top: 46px;
  font-size: 16px;
  line-height: 2.4375;
  letter-spacing: 0.23rem;
  text-align: center;
  font-weight: 300;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .features_wrap .features_txt {
    margin-top: 7.8023407022vw;
    font-size: 3.6410923277vw;
    line-height: 1.9285714286;
    letter-spacing: 0.1em;
  }
}
.seasonal_milk .features_wrap .features_txt .bg {
  background-color: rgba(218, 169, 159, 0.4);
}
.seasonal_milk .features_wrap .grid {
  display: grid;
  width: 1000px;
  margin: 65px auto 0;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .features_wrap .grid {
    width: 78.0234070221vw;
    margin: 7.8023407022vw auto 0;
    grid-template-columns: 100%;
    gap: 1.5604681404vw;
  }
}
.seasonal_milk .features_wrap .grid .item {
  position: relative;
  padding-top: 122px;
  aspect-ratio: 600/820;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .features_wrap .grid .item {
    padding-top: 35.7607282185vw;
  }
}
.seasonal_milk .features_wrap .grid .item > * {
  position: relative;
}
@media screen and (min-width: 641px) {
  .seasonal_milk .features_wrap .grid .item:nth-child(2) {
    transition-delay: 0.25s;
  }
  .seasonal_milk .features_wrap .grid .item:nth-child(3) {
    transition-delay: 0.5s;
  }
}
.seasonal_milk .features_wrap .grid .item::before {
  content: "";
  position: absolute;
  top: -34px;
  left: -19px;
  width: 369px;
  aspect-ratio: 738/940;
  background: url(../img/features_bg01.png) no-repeat center center/contain;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .features_wrap .grid .item::before {
    top: -4.9414824447vw;
    left: -5.2015604681vw;
    width: 96.2288686606vw;
  }
}
.seasonal_milk .features_wrap .grid .item .ttl {
  font-size: 20px;
  line-height: 1.35;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .features_wrap .grid .item .ttl {
    font-size: 5.2015604681vw;
  }
}
.seasonal_milk .features_wrap .grid .item .txt {
  font-size: 14px;
  line-height: 1.8571428571;
  text-align: center;
  font-weight: 300;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .features_wrap .grid .item .txt {
    font-size: 3.6410923277vw;
    margin-top: 5.2015604681vw;
    font-weight: 400;
  }
}
.seasonal_milk .scroll-infinity {
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
  height: 70px;
  z-index: 2;
}

@media screen and (max-width: 640px) {
  .seasonal_milk .scroll-infinity {
    height: 9.1027308192vw;
  }
}

.seasonal_milk .scroll-infinity__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 60px;
  overflow: hidden;
}

@media screen and (max-width: 640px) {
  .seasonal_milk .scroll-infinity__wrap {
    gap: 0 7.8023407022vw;
  }
}

.seasonal_milk .scroll-infinity__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 60px;
  flex-shrink: 0;
}

@media screen and (max-width: 640px) {
  .seasonal_milk .scroll-infinity__list {
    gap: 0 7.8023407022vw;
  }
}

.seasonal_milk .scroll-infinity__item {
  width: 1033px;
  flex-shrink: 0;
}

@media screen and (max-width: 640px) {
  .seasonal_milk .scroll-infinity__item {
    width: auto;
    height: 9.1027308192vw;
  }

  .seasonal_milk .scroll-infinity__item img {
    width: auto;
    max-width: inherit;
    height: 100%;
  }
}

.seasonal_milk .scroll-infinity__list--left {
  -webkit-animation: infinity-scroll-left 80s infinite linear 0.5s both;
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}

@media screen and (max-width: 640px) {
  .seasonal_milk .scroll-infinity__list--left {
    -webkit-animation: infinity-scroll-left 40s infinite linear 0.5s both;
    animation: infinity-scroll-left 40s infinite linear 0.5s both;
  }
}
.seasonal_milk .lineup_wrap > .inner {
  padding-block: 142px 123px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap > .inner {
    padding-block: 24.7074122237vw 18.2054616385vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_lead {
  font-size: 24px;
  line-height: 2.75;
  letter-spacing: 0.2em;
  text-align: center;
  font-weight: 300;
  margin-bottom: 130px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_lead {
    font-size: 4.1612483745vw;
    line-height: 2.5;
    margin-bottom: 21.8465539662vw;
  }
}
.seasonal_milk .lineup_wrap .c_ttl01 {
  --c_ttl01_en: 182px;
  padding-top: 134px;
  margin-top: -134px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .c_ttl01 {
    --c_ttl01_en: calc(289 * (100vw / 769));
  }
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .c_ttl01 {
    padding-top: 85px;
    margin-top: -85px;
  }
}
.seasonal_milk .lineup_wrap .lineup_link {
  width: 1212px;
  margin: 71px auto 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto auto;
  grid-template-areas: "area1 area2 area3 area4" "area5 area5 area5 area5";
  gap: 26px 55px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_link {
    width: 100%;
    margin: 9.7529258778vw auto 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6.2418725618vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_link .item {
  aspect-ratio: 260/375;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_link .item {
    width: 100%;
    aspect-ratio: 768/282;
  }
}
.seasonal_milk .lineup_wrap .lineup_link .item a {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  height: 100%;
  letter-spacing: 0.1em;
}
@media (any-hover: hover) {
  .seasonal_milk .lineup_wrap .lineup_link .item a:hover {
    opacity: 1;
    translate: 0 -30px;
  }
}
.seasonal_milk .lineup_wrap .lineup_link .item a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: 309px;
  aspect-ratio: 590/850;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_link .item a::before {
    width: 100%;
    height: 100%;
    left: 0;
  }
}
.seasonal_milk .lineup_wrap .lineup_link .item a .img {
  text-indent: 100%;
  overflow: hidden;
  color: transparent;
}
.seasonal_milk .lineup_wrap .lineup_link .item a .txt {
  position: relative;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 500;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_link .item a .txt {
    font-size: 3.1209362809vw;
    line-height: 1.4166666667;
    font-weight: 400;
  }
}
.seasonal_milk .lineup_wrap .lineup_link .item:nth-child(1) {
  grid-area: area1;
}
.seasonal_milk .lineup_wrap .lineup_link .item:nth-child(1) a {
  padding-bottom: 11px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_link .item:nth-child(1) a {
    padding-bottom: 5.4616384915vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_link .item:nth-child(1) a::before {
  background-image: url(../img/lineup_link_img01_pc.png);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_link .item:nth-child(1) a::before {
    background-image: url(../img/lineup_link_img01_sp.png);
  }
}
@media screen and (min-width: 641px) and (any-hover: hover) {
  .seasonal_milk .lineup_wrap .lineup_link .item:nth-child(1) a:hover::before {
    background-image: url(../img/lineup_link_img01_pc_on.png);
  }
}
.seasonal_milk .lineup_wrap .lineup_link .item:nth-child(2) {
  grid-area: area2;
}
.seasonal_milk .lineup_wrap .lineup_link .item:nth-child(2) a {
  padding-bottom: 11px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_link .item:nth-child(2) a {
    padding-bottom: 5.4616384915vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_link .item:nth-child(2) a::before {
  background-image: url(../img/lineup_link_img02_pc.png);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_link .item:nth-child(2) a::before {
    background-image: url(../img/lineup_link_img02_sp.png);
  }
}
@media screen and (min-width: 641px) and (any-hover: hover) {
  .seasonal_milk .lineup_wrap .lineup_link .item:nth-child(2) a:hover::before {
    background-image: url(../img/lineup_link_img02_pc_on.png);
  }
}
.seasonal_milk .lineup_wrap .lineup_link .item:nth-child(3) {
  grid-area: area3;
}
.seasonal_milk .lineup_wrap .lineup_link .item:nth-child(3) a {
  padding-bottom: 22px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_link .item:nth-child(3) a {
    padding-bottom: 6.5019505852vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_link .item:nth-child(3) a::before {
  background-image: url(../img/lineup_link_img03_pc.png);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_link .item:nth-child(3) a::before {
    background-image: url(../img/lineup_link_img03_sp.png);
  }
}
@media screen and (min-width: 641px) and (any-hover: hover) {
  .seasonal_milk .lineup_wrap .lineup_link .item:nth-child(3) a:hover::before {
    background-image: url(../img/lineup_link_img03_pc_on.png);
  }
}
.seasonal_milk .lineup_wrap .lineup_link .item:nth-child(4) {
  grid-area: area4;
}
.seasonal_milk .lineup_wrap .lineup_link .item:nth-child(4) a {
  padding-bottom: 22px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_link .item:nth-child(4) a {
    padding-bottom: 6.5019505852vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_link .item:nth-child(4) a::before {
  background-image: url(../img/lineup_link_img04_pc.png);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_link .item:nth-child(4) a::before {
    background-image: url(../img/lineup_link_img04_sp.png);
  }
}
@media screen and (min-width: 641px) and (any-hover: hover) {
  .seasonal_milk .lineup_wrap .lineup_link .item:nth-child(4) a:hover::before {
    background-image: url(../img/lineup_link_img04_pc_on.png);
  }
}
.seasonal_milk .lineup_wrap .lineup_link .note {
  grid-area: area5;
  font-size: 10px;
  text-align: right;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_link .note {
    font-size: 2.6007802341vw;
    letter-spacing: 0;
    margin-top: -1.9505851756vw;
    margin-left: auto;
    margin-right: 1rem;
  }
}
.seasonal_milk .lineup_wrap .lineup_alumi {
  margin: 39px auto 0;
  width: 550px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_alumi {
    margin: 16.9050715215vw auto 0;
    width: 85.955786736vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_alumi .ttl {
  margin-top: 17px;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  color: #1E3778;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_alumi .ttl {
    margin-top: 6.5019505852vw;
    font-size: 3.1209362809vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_alumi .txt {
  margin-top: 10px;
  font-size: 12px;
  color: #1E3778;
  letter-spacing: 0.01em;
  line-height: 1.6666666667;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_alumi .txt {
    margin-top: 2.0806241873vw;
    font-size: 3.1209362809vw;
    letter-spacing: 0;
    line-height: 1.5833333333;
  }
}
.seasonal_milk .lineup_wrap .page_nav {
  margin: 145px auto 0;
  background: #E6E6DC;
  border-radius: calc(infinity * 1px);
  width: 1200px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .page_nav {
    margin: 22.1066319896vw auto 0;
    background: none;
    border-radius: 0;
    width: 85.8257477243vw;
  }
}
.seasonal_milk .lineup_wrap .page_nav .nav {
  display: flex;
  padding-inline: 20px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .page_nav .nav {
    flex-wrap: wrap;
    justify-content: center;
    padding-inline: 0;
    gap: 2.6007802341vw;
  }
}
.seasonal_milk .lineup_wrap .page_nav .nav li {
  position: relative;
  width: var(--page_nav_li);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .page_nav .nav li {
    width: calc((100% - 2.6007802341vw) / 2);
  }
}
.seasonal_milk .lineup_wrap .page_nav .nav li a {
  display: block;
  height: 70px;
  font-size: 16px;
  font-feature-settings: normal;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .page_nav .nav li a {
    background: #E6E6DC;
    height: 13.0039011704vw;
    font-size: 3.3810143043vw;
    border-radius: calc(infinity * 1px);
  }
}
.seasonal_milk .lineup_wrap .page_nav .nav li a .txt {
  font-weight: 300;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  white-space: nowrap;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .page_nav .nav li a .txt {
    line-height: 1.4615384615;
    letter-spacing: 0.025em;
    text-align: center;
    font-weight: 400;
  }
}
@media (any-hover: hover) {
  .seasonal_milk .lineup_wrap .page_nav .nav li a:hover {
    opacity: 1;
  }
  .seasonal_milk .lineup_wrap .page_nav .nav li a:hover .txt {
    font-weight: 500;
  }
}
.seasonal_milk .lineup_wrap .page_nav .nav li:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: 0;
  width: 1px;
  height: 40px;
  border-right: 1px solid var(--color-base);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .page_nav .nav li:not(:last-child)::before {
    content: none;
  }
}
.seasonal_milk .lineup_wrap .page_nav .nav li:nth-child(1) {
  --page_nav_li: 390px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .page_nav .nav li:nth-child(1) {
    --page_nav_li: auto;
  }
}
.seasonal_milk .lineup_wrap .page_nav .nav li:nth-child(2) {
  --page_nav_li: 380px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .page_nav .nav li:nth-child(2) {
    --page_nav_li: auto;
  }
}
.seasonal_milk .lineup_wrap .page_nav .nav li:nth-child(3) {
  --page_nav_li: 390px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .page_nav .nav li:nth-child(3) {
    --page_nav_li: auto;
  }
}
.seasonal_milk .lineup_wrap .page_nav .nav li:nth-child(4) {
  --page_nav_li: 344px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .page_nav .nav li:nth-child(4) {
    --page_nav_li: auto;
  }
}
.seasonal_milk .lineup_wrap .lineup_items {
  margin-top: 150px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items {
    margin-top: 21.066319896vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item {
  position: relative;
  --lineup_items_bg_top:135px;
  --lineup_items_bg_height: calc(100% - 135px);
  padding-top: 134px;
  margin-top: -134px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item {
    --lineup_items_bg_top:calc((70 * (100vw / 769)) + 85px);
    --lineup_items_bg_height: calc((100% - 24vw) - 80px);
  }
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item {
    padding-top: 85px;
    margin-top: -85px;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item.flarune {
  margin-bottom: 81px;
  --lineup_items_bg01: #EFEBEB;
  --lineup_items_padding: 430px 0;
  --lineup_items_img_top: 35px;
  --lineup_items_img_left: -17px;
  --lineup_items_img_right: auto;
  --lineup_items_logo: 226px;
  --lineup_items_txts_ttl: 213px;
  --lineup_items_txts_padding: 5px 0 0;
  --lineup_items_txts_boxes: repeat(2,1fr);
  --lineup_items_bg02: #D7AFB3;
  --lineup_items_btm_margin: 70px;
  --lineup_items_btm_border: #D7AFB3;
  --lineup_items_btm_col_padding: 30px 0 40px;
  --lineup_items_btm_txt: #BE6E73;
  --lineup_items_btm_img: 253px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.flarune {
    margin-bottom: 19.5058517555vw;
    --lineup_items_padding: 0;
    --lineup_items_logo: calc(339 * (100vw / 769));
    --lineup_items_txts_ttl: calc(331 * (100vw / 769));
    --lineup_items_txts_padding: calc(16 * (100vw / 769)) 0 0;
    --lineup_items_btm_margin: calc(110 * (100vw / 769));
    --lineup_items_btm_col_padding: calc(40 * (100vw / 769)) 0 calc(50 * (100vw / 769));
    --lineup_items_btm_img: calc(342 * (100vw / 769));
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item.flarune .btm .btm_ttl {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.8 211.2"><path fill="%23BE6E73" d="M.4.84h25.6c2.12,0,1.48-.84,2.4-.84v12.04c0,7.8-3.32,10.8-7.4,10.8s-7.4-3-7.4-10.8v-6.8H.4V.84ZM14.48,5.24v5.96c0,5.28,2.92,7.32,6.52,7.32s6.48-2.04,6.48-7.32v-5.96s-13,0-13,0ZM.4,29.6h25.6c2.12,0,1.48-.84,2.4-.84v12.04c0,7.8-3.32,10.8-7.4,10.8-3.4,0-6.48-2.2-7.2-7.88L.4,51.68v-5.12l13.2-7.76v-4.8H.4v-4.4ZM14.52,34v5.96c0,5.28,2.88,7.32,6.48,7.32s6.48-2.04,6.48-7.32v-5.96s-12.96,0-12.96,0ZM14.44,58.84c8.96,0,14.36,7.04,14.36,15.24s-5.4,15.24-14.36,15.24S0,82.27,0,74.08s5.48-15.24,14.44-15.24ZM14.44,85.03c8.76,0,13.56-5.2,13.56-10.84s-4.8-10.84-13.56-10.84S.8,68.48.8,74.2s4.88,10.84,13.64,10.84h0ZM.4,96.48h25.6c2.12,0,1.48-.84,2.4-.84v10.48c0,10.08-7,15.12-14.04,15.12S.4,116.2.4,106.12v-9.64ZM1.32,100.88v4.52c0,7.56,6.56,11.32,13.12,11.32s13.04-3.72,13.04-11.16v-4.68H1.32ZM12.04,128.4h13.96c2.12,0,1.48-.84,2.4-.84v5.08H11.48c-7.6,0-10.52,2.88-10.52,7.96-.04,5.08,3.56,8.8,11.04,8.8h16.4v.96H12.4C3.96,150.35-.04,146.52,0,139.72c.04-6.68,3.44-11.32,12.04-11.32ZM14.44,157.52c8.52,0,14.36,6.44,14.36,15.28,0,4.64-1.2,8-3.4,10.76l-1.8-2.16c2.56-1.96,4.44-4.48,4.44-8.08,0-6.48-5.76-11.28-13.6-11.28s-13.6,4.8-13.6,11.28c0,3.6,1.8,6.12,4.4,8.08l-1.76,2.16C1.24,180.79,0,177.44,0,172.8c0-8.84,5.96-15.28,14.44-15.28ZM.4,198.04h27.08v-8.68h.92v21.84h-.92v-8.76H.4v-4.4Z" /></svg>') no-repeat center center/contain;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.flarune .btm .btm_ttl {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 316.8 43.2"><path fill="%23BE6E73" d="M1.26,42.6V4.2C1.26,1.02,0,1.98,0,.6h18.06c11.7,0,16.2,4.98,16.2,11.1s-4.5,11.1-16.2,11.1H7.86v19.8H1.26ZM7.86,21.48h8.94c7.92,0,10.98-4.38,10.98-9.78S24.72,1.98,16.8,1.98H7.86v19.5ZM44.4,42.6V4.2c0-3.18-1.26-2.22-1.26-3.6h18.06c11.7,0,16.2,4.98,16.2,11.1,0,5.1-3.3,9.72-11.82,10.8l11.94,20.1h-7.68l-11.64-19.8h-7.2v19.8h-6.6ZM51,21.42h8.94c7.92,0,10.98-4.32,10.98-9.72s-3.06-9.72-10.98-9.72h-8.94v19.44ZM88.26,21.54c0-13.44,10.56-21.54,22.86-21.54s22.86,8.1,22.86,21.54-10.56,21.66-22.86,21.66-22.86-8.22-22.86-21.66ZM127.56,21.54c0-13.14-7.8-20.34-16.26-20.34s-16.26,7.2-16.26,20.34,7.68,20.46,16.26,20.46,16.26-7.32,16.26-20.46ZM144.72,42.6V4.2c0-3.18-1.26-2.22-1.26-3.6h15.72c15.12,0,22.68,10.5,22.68,21.06s-7.56,20.94-22.68,20.94h-14.46ZM151.32,41.22h6.78c11.34,0,16.98-9.84,16.98-19.68s-5.58-19.56-16.74-19.56h-7.02v39.24h0ZM192.6,25.14V4.2c0-3.18-1.26-2.22-1.26-3.6h7.62v25.38c0,11.4,4.32,15.78,11.94,15.78,7.62.06,13.2-5.34,13.2-16.56V.6h1.44v24c0,12.66-5.76,18.66-15.96,18.6-10.02-.06-16.98-5.16-16.98-18.06ZM236.28,21.54c0-12.78,9.66-21.54,22.92-21.54,6.96,0,12,1.8,16.14,5.1l-3.24,2.7c-2.94-3.84-6.72-6.66-12.12-6.66-9.72,0-16.92,8.64-16.92,20.4s7.2,20.4,16.92,20.4c5.4,0,9.18-2.7,12.12-6.6l3.24,2.64c-4.14,3.36-9.18,5.22-16.14,5.22-13.26,0-22.92-8.94-22.92-21.66h0ZM297.06,42.6V1.98h-13.02V.6h32.76v1.38h-13.14v40.62h-6.6Z" /></svg>') no-repeat center center/contain;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item.flarune .btm .col .img .caption {
  bottom: 110px;
  right: 25px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 101.11 87.56"><path fill="%23BE6E73" d="M75.83,87.56H25.28l-.14-.24L0,43.78,25.28,0h50.55l25.28,43.78-25.28,43.78ZM25.83,86.6h49.44l24.72-42.82L75.28.96H25.83L1.11,43.78l24.72,42.82Z" /></svg>') no-repeat center center/contain;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.flarune .btm .col .img .caption {
    bottom: 15vw;
    right: 4vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item.infinesse {
  margin-bottom: 120px;
  --lineup_items_bg01: #EAEEF0;
  --lineup_items_padding: 0 430px;
  --lineup_items_img_top: 47px;
  --lineup_items_img_left: auto;
  --lineup_items_img_right: -45px;
  --lineup_items_logo: 246px;
  --lineup_items_txts_padding: 10px 0 0;
  --lineup_items_txts_boxes: 205px 1fr;
  --lineup_items_txts_ttl: 224px;
  --lineup_items_bg02: #AAB7CE;
  --lineup_items_btm_margin: 70px;
  --lineup_items_btm_border: #AAB7CE;
  --lineup_items_btm_col_padding: 30px 0 40px;
  --lineup_items_btm_txt: #5F7D96;
  --lineup_items_btm_img: 49px;
}
@media screen and (min-width: 641px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.infinesse {
    --lineup_items_bg_top: 157px;
  }
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.infinesse {
    margin-bottom: 19.5058517555vw;
    --lineup_items_padding: 0;
    --lineup_items_logo: calc(398 * (100vw / 769));
    --lineup_items_txts_padding: calc(25 * (100vw / 769)) 0 0;
    --lineup_items_txts_boxes: repeat(2,1fr);
    --lineup_items_txts_ttl: calc(348 * (100vw / 769));
    --lineup_items_btm_margin: calc(110 * (100vw / 769));
    --lineup_items_btm_col_padding: calc(67 * (100vw / 769)) 0 calc(70 * (100vw / 769));
    --lineup_items_btm_img: calc(60 * (100vw / 769));
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item.infinesse .btm .btm_ttl {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.8 211.2"><path fill="%235F7D96" d="M.4.84h25.6c2.12,0,1.48-.84,2.4-.84v12.04c0,7.8-3.32,10.8-7.4,10.8s-7.4-3-7.4-10.8v-6.8H.4V.84ZM14.48,5.24v5.96c0,5.28,2.92,7.32,6.52,7.32s6.48-2.04,6.48-7.32v-5.96s-13,0-13,0ZM.4,29.6h25.6c2.12,0,1.48-.84,2.4-.84v12.04c0,7.8-3.32,10.8-7.4,10.8-3.4,0-6.48-2.2-7.2-7.88L.4,51.68v-5.12l13.2-7.76v-4.8H.4v-4.4ZM14.52,34v5.96c0,5.28,2.88,7.32,6.48,7.32s6.48-2.04,6.48-7.32v-5.96s-12.96,0-12.96,0ZM14.44,58.84c8.96,0,14.36,7.04,14.36,15.24s-5.4,15.24-14.36,15.24S0,82.27,0,74.08s5.48-15.24,14.44-15.24ZM14.44,85.03c8.76,0,13.56-5.2,13.56-10.84s-4.8-10.84-13.56-10.84S.8,68.48.8,74.2s4.88,10.84,13.64,10.84h0ZM.4,96.48h25.6c2.12,0,1.48-.84,2.4-.84v10.48c0,10.08-7,15.12-14.04,15.12S.4,116.2.4,106.12v-9.64ZM1.32,100.88v4.52c0,7.56,6.56,11.32,13.12,11.32s13.04-3.72,13.04-11.16v-4.68H1.32ZM12.04,128.4h13.96c2.12,0,1.48-.84,2.4-.84v5.08H11.48c-7.6,0-10.52,2.88-10.52,7.96-.04,5.08,3.56,8.8,11.04,8.8h16.4v.96H12.4C3.96,150.35-.04,146.52,0,139.72c.04-6.68,3.44-11.32,12.04-11.32ZM14.44,157.52c8.52,0,14.36,6.44,14.36,15.28,0,4.64-1.2,8-3.4,10.76l-1.8-2.16c2.56-1.96,4.44-4.48,4.44-8.08,0-6.48-5.76-11.28-13.6-11.28s-13.6,4.8-13.6,11.28c0,3.6,1.8,6.12,4.4,8.08l-1.76,2.16C1.24,180.79,0,177.44,0,172.8c0-8.84,5.96-15.28,14.44-15.28ZM.4,198.04h27.08v-8.68h.92v21.84h-.92v-8.76H.4v-4.4Z" /></svg>') no-repeat center center/contain;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.infinesse .btm .btm_ttl {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 316.8 43.2"><path fill="%235F7D96" d="M1.26,42.6V4.2C1.26,1.02,0,1.98,0,.6h18.06c11.7,0,16.2,4.98,16.2,11.1s-4.5,11.1-16.2,11.1H7.86v19.8H1.26ZM7.86,21.48h8.94c7.92,0,10.98-4.38,10.98-9.78S24.72,1.98,16.8,1.98H7.86v19.5ZM44.4,42.6V4.2c0-3.18-1.26-2.22-1.26-3.6h18.06c11.7,0,16.2,4.98,16.2,11.1,0,5.1-3.3,9.72-11.82,10.8l11.94,20.1h-7.68l-11.64-19.8h-7.2v19.8h-6.6ZM51,21.42h8.94c7.92,0,10.98-4.32,10.98-9.72s-3.06-9.72-10.98-9.72h-8.94v19.44ZM88.26,21.54c0-13.44,10.56-21.54,22.86-21.54s22.86,8.1,22.86,21.54-10.56,21.66-22.86,21.66-22.86-8.22-22.86-21.66ZM127.56,21.54c0-13.14-7.8-20.34-16.26-20.34s-16.26,7.2-16.26,20.34,7.68,20.46,16.26,20.46,16.26-7.32,16.26-20.46ZM144.72,42.6V4.2c0-3.18-1.26-2.22-1.26-3.6h15.72c15.12,0,22.68,10.5,22.68,21.06s-7.56,20.94-22.68,20.94h-14.46ZM151.32,41.22h6.78c11.34,0,16.98-9.84,16.98-19.68s-5.58-19.56-16.74-19.56h-7.02v39.24h0ZM192.6,25.14V4.2c0-3.18-1.26-2.22-1.26-3.6h7.62v25.38c0,11.4,4.32,15.78,11.94,15.78,7.62.06,13.2-5.34,13.2-16.56V.6h1.44v24c0,12.66-5.76,18.66-15.96,18.6-10.02-.06-16.98-5.16-16.98-18.06ZM236.28,21.54c0-12.78,9.66-21.54,22.92-21.54,6.96,0,12,1.8,16.14,5.1l-3.24,2.7c-2.94-3.84-6.72-6.66-12.12-6.66-9.72,0-16.92,8.64-16.92,20.4s7.2,20.4,16.92,20.4c5.4,0,9.18-2.7,12.12-6.6l3.24,2.64c-4.14,3.36-9.18,5.22-16.14,5.22-13.26,0-22.92-8.94-22.92-21.66h0ZM297.06,42.6V1.98h-13.02V.6h32.76v1.38h-13.14v40.62h-6.6Z" /></svg>') no-repeat center center/contain;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item.infinesse .btm .col .img .caption {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 101.11 87.56"><path fill="%235F7D96" d="M75.83,87.56H25.28l-.14-.24L0,43.78,25.28,0h50.55l25.28,43.78-25.28,43.78ZM25.83,86.6h49.44l24.72-42.82L75.28.96H25.83L1.11,43.78l24.72,42.82Z" /></svg>') no-repeat center center/contain;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.infinesse .btm .col .img .caption {
    translate: calc(100% + 10.4031209363vw) 0;
  }
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.infinesse .btm .col .link .width {
    width: 59.8179453836vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item.excia {
  margin-bottom: 50px;
  --lineup_items_bg_height: calc(100% - 100px);
  --lineup_items_bg_top: 95px;
  --lineup_items_bg01: #F1F1EA;
  --lineup_items_padding: 430px 0;
  --lineup_items_img_top: -15px;
  --lineup_items_img_left: -17px;
  --lineup_items_img_right: auto;
  --lineup_items_logo: 160px;
  --lineup_items_txts_padding: 10px 0 0;
  --lineup_items_txts_boxes: repeat(3,1fr);
  --lineup_items_txts_ttl: 183px;
  --lineup_items_bg02: #CDC89B;
  --lineup_items_btm_margin: 40px;
  --lineup_items_btm_border: #CDC89B;
  --lineup_items_btm_col_padding: 30px 0 40px;
  --lineup_items_btm_txt: #97915A;
  --lineup_items_btm_img: 95px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.excia {
    margin-bottom: 19.5058517555vw;
    --lineup_items_bg_height: calc((100% - 18vw) - 75px);
    --lineup_items_bg_top: calc((50 * (100vw / 769)) + 85px);
    --lineup_items_padding: 0;
    --lineup_items_logo: calc(224 * (100vw / 769));
    --lineup_items_txts_padding: calc(10 * (100vw / 769)) 0 0;
    --lineup_items_txts_ttl: calc(285 * (100vw / 769));
    --lineup_items_btm_margin: calc(60 * (100vw / 769));
    --lineup_items_btm_col_padding: calc(40 * (100vw / 769)) 0 calc(50 * (100vw / 769));
    --lineup_items_btm_img: calc(122 * (100vw / 769));
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item.excia .top .note {
  text-align: right;
}
.seasonal_milk .lineup_wrap .lineup_items .item.excia .btm .btm_ttl {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.8 211.2"><path fill="%2397915A" d="M.4.84h25.6c2.12,0,1.48-.84,2.4-.84v12.04c0,7.8-3.32,10.8-7.4,10.8s-7.4-3-7.4-10.8v-6.8H.4V.84ZM14.48,5.24v5.96c0,5.28,2.92,7.32,6.52,7.32s6.48-2.04,6.48-7.32v-5.96s-13,0-13,0ZM.4,29.6h25.6c2.12,0,1.48-.84,2.4-.84v12.04c0,7.8-3.32,10.8-7.4,10.8-3.4,0-6.48-2.2-7.2-7.88L.4,51.68v-5.12l13.2-7.76v-4.8H.4v-4.4ZM14.52,34v5.96c0,5.28,2.88,7.32,6.48,7.32s6.48-2.04,6.48-7.32v-5.96s-12.96,0-12.96,0ZM14.44,58.84c8.96,0,14.36,7.04,14.36,15.24s-5.4,15.24-14.36,15.24S0,82.27,0,74.08s5.48-15.24,14.44-15.24ZM14.44,85.03c8.76,0,13.56-5.2,13.56-10.84s-4.8-10.84-13.56-10.84S.8,68.48.8,74.2s4.88,10.84,13.64,10.84h0ZM.4,96.48h25.6c2.12,0,1.48-.84,2.4-.84v10.48c0,10.08-7,15.12-14.04,15.12S.4,116.2.4,106.12v-9.64ZM1.32,100.88v4.52c0,7.56,6.56,11.32,13.12,11.32s13.04-3.72,13.04-11.16v-4.68H1.32ZM12.04,128.4h13.96c2.12,0,1.48-.84,2.4-.84v5.08H11.48c-7.6,0-10.52,2.88-10.52,7.96-.04,5.08,3.56,8.8,11.04,8.8h16.4v.96H12.4C3.96,150.35-.04,146.52,0,139.72c.04-6.68,3.44-11.32,12.04-11.32ZM14.44,157.52c8.52,0,14.36,6.44,14.36,15.28,0,4.64-1.2,8-3.4,10.76l-1.8-2.16c2.56-1.96,4.44-4.48,4.44-8.08,0-6.48-5.76-11.28-13.6-11.28s-13.6,4.8-13.6,11.28c0,3.6,1.8,6.12,4.4,8.08l-1.76,2.16C1.24,180.79,0,177.44,0,172.8c0-8.84,5.96-15.28,14.44-15.28ZM.4,198.04h27.08v-8.68h.92v21.84h-.92v-8.76H.4v-4.4Z" /></svg>') no-repeat center center/contain;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.excia .btm .btm_ttl {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 316.8 43.2"><path fill="%2397915A" d="M1.26,42.6V4.2C1.26,1.02,0,1.98,0,.6h18.06c11.7,0,16.2,4.98,16.2,11.1s-4.5,11.1-16.2,11.1H7.86v19.8H1.26ZM7.86,21.48h8.94c7.92,0,10.98-4.38,10.98-9.78S24.72,1.98,16.8,1.98H7.86v19.5ZM44.4,42.6V4.2c0-3.18-1.26-2.22-1.26-3.6h18.06c11.7,0,16.2,4.98,16.2,11.1,0,5.1-3.3,9.72-11.82,10.8l11.94,20.1h-7.68l-11.64-19.8h-7.2v19.8h-6.6ZM51,21.42h8.94c7.92,0,10.98-4.32,10.98-9.72s-3.06-9.72-10.98-9.72h-8.94v19.44ZM88.26,21.54c0-13.44,10.56-21.54,22.86-21.54s22.86,8.1,22.86,21.54-10.56,21.66-22.86,21.66-22.86-8.22-22.86-21.66ZM127.56,21.54c0-13.14-7.8-20.34-16.26-20.34s-16.26,7.2-16.26,20.34,7.68,20.46,16.26,20.46,16.26-7.32,16.26-20.46ZM144.72,42.6V4.2c0-3.18-1.26-2.22-1.26-3.6h15.72c15.12,0,22.68,10.5,22.68,21.06s-7.56,20.94-22.68,20.94h-14.46ZM151.32,41.22h6.78c11.34,0,16.98-9.84,16.98-19.68s-5.58-19.56-16.74-19.56h-7.02v39.24h0ZM192.6,25.14V4.2c0-3.18-1.26-2.22-1.26-3.6h7.62v25.38c0,11.4,4.32,15.78,11.94,15.78,7.62.06,13.2-5.34,13.2-16.56V.6h1.44v24c0,12.66-5.76,18.66-15.96,18.6-10.02-.06-16.98-5.16-16.98-18.06ZM236.28,21.54c0-12.78,9.66-21.54,22.92-21.54,6.96,0,12,1.8,16.14,5.1l-3.24,2.7c-2.94-3.84-6.72-6.66-12.12-6.66-9.72,0-16.92,8.64-16.92,20.4s7.2,20.4,16.92,20.4c5.4,0,9.18-2.7,12.12-6.6l3.24,2.64c-4.14,3.36-9.18,5.22-16.14,5.22-13.26,0-22.92-8.94-22.92-21.66h0ZM297.06,42.6V1.98h-13.02V.6h32.76v1.38h-13.14v40.62h-6.6Z" /></svg>') no-repeat center center/contain;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item.excia .btm .col .img .caption {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 101.11 87.56"><path fill="%2397915A" d="M75.83,87.56H25.28l-.14-.24L0,43.78,25.28,0h50.55l25.28,43.78-25.28,43.78ZM25.83,86.6h49.44l24.72-42.82L75.28.96H25.83L1.11,43.78l24.72,42.82Z" /></svg>') no-repeat center center/contain;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.excia .btm .col .img .caption {
    translate: calc(100% + 6.5019505852vw) 0;
  }
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.excia .btm .col .link .width {
    width: 58.5175552666vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item.embeage {
  --lineup_items_bg_height: calc(100% - 155px);
  --lineup_items_bg_top: 155px;
  --lineup_items_bg01: #E8E8ED;
  --lineup_items_padding: 0 430px;
  --lineup_items_img_top: 55px;
  --lineup_items_img_left: auto;
  --lineup_items_img_right: -45px;
  --lineup_items_logo: 237px;
  --lineup_items_txts_padding: 5px 0 0;
  --lineup_items_txts_boxes: 205px 1fr;
  --lineup_items_txts_ttl: 221px;
  --lineup_items_bg02: #B8B4CE;
  --lineup_items_btm_margin: 40px;
  --lineup_items_btm_border: #B8B4CE;
  --lineup_items_btm_col_padding: 30px 0 40px;
  --lineup_items_btm_txt: #7D7DA0;
  --lineup_items_btm_img: 43px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.embeage {
    --lineup_items_bg_height: calc((100% - 32vw) - 75px);
    --lineup_items_bg_top: calc((115 * (100vw / 769)) + 85px);
    --lineup_items_padding: 0;
    --lineup_items_logo: calc(395 * (100vw / 769));
    --lineup_items_txts_padding: calc(20 * (100vw / 769)) 0 0;
    --lineup_items_txts_boxes: repeat(2,1fr);
    --lineup_items_txts_ttl: calc(344 * (100vw / 769));
    --lineup_items_btm_margin: calc(60 * (100vw / 769));
    --lineup_items_btm_col_padding: calc(60 * (100vw / 769)) 0 calc(65 * (100vw / 769));
    --lineup_items_btm_img: calc(51 * (100vw / 769));
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item.embeage .top .item_lead {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.embeage .top .item_lead {
    letter-spacing: 0.1em;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item.embeage .top .item_txts .lead {
  letter-spacing: 0.1em;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.embeage .top .item_txts .lead {
    margin-top: 3.2509752926vw;
  }
}
@media screen and (min-width: 641px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.embeage .top .item_txts .boxes {
    margin-top: 30px;
  }
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.embeage .top .item_txts .boxes .box {
    letter-spacing: 0;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item.embeage .top .note {
  width: 900px;
  margin-left: auto;
  text-align: right;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.embeage .top .note {
    width: auto;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item.embeage .btm .btm_ttl {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.8 211.2"><path fill="%237D7DA0" d="M.4.84h25.6c2.12,0,1.48-.84,2.4-.84v12.04c0,7.8-3.32,10.8-7.4,10.8s-7.4-3-7.4-10.8v-6.8H.4V.84ZM14.48,5.24v5.96c0,5.28,2.92,7.32,6.52,7.32s6.48-2.04,6.48-7.32v-5.96s-13,0-13,0ZM.4,29.6h25.6c2.12,0,1.48-.84,2.4-.84v12.04c0,7.8-3.32,10.8-7.4,10.8-3.4,0-6.48-2.2-7.2-7.88L.4,51.68v-5.12l13.2-7.76v-4.8H.4v-4.4ZM14.52,34v5.96c0,5.28,2.88,7.32,6.48,7.32s6.48-2.04,6.48-7.32v-5.96s-12.96,0-12.96,0ZM14.44,58.84c8.96,0,14.36,7.04,14.36,15.24s-5.4,15.24-14.36,15.24S0,82.27,0,74.08s5.48-15.24,14.44-15.24ZM14.44,85.03c8.76,0,13.56-5.2,13.56-10.84s-4.8-10.84-13.56-10.84S.8,68.48.8,74.2s4.88,10.84,13.64,10.84h0ZM.4,96.48h25.6c2.12,0,1.48-.84,2.4-.84v10.48c0,10.08-7,15.12-14.04,15.12S.4,116.2.4,106.12v-9.64ZM1.32,100.88v4.52c0,7.56,6.56,11.32,13.12,11.32s13.04-3.72,13.04-11.16v-4.68H1.32ZM12.04,128.4h13.96c2.12,0,1.48-.84,2.4-.84v5.08H11.48c-7.6,0-10.52,2.88-10.52,7.96-.04,5.08,3.56,8.8,11.04,8.8h16.4v.96H12.4C3.96,150.35-.04,146.52,0,139.72c.04-6.68,3.44-11.32,12.04-11.32ZM14.44,157.52c8.52,0,14.36,6.44,14.36,15.28,0,4.64-1.2,8-3.4,10.76l-1.8-2.16c2.56-1.96,4.44-4.48,4.44-8.08,0-6.48-5.76-11.28-13.6-11.28s-13.6,4.8-13.6,11.28c0,3.6,1.8,6.12,4.4,8.08l-1.76,2.16C1.24,180.79,0,177.44,0,172.8c0-8.84,5.96-15.28,14.44-15.28ZM.4,198.04h27.08v-8.68h.92v21.84h-.92v-8.76H.4v-4.4Z" /></svg>') no-repeat center center/contain;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.embeage .btm .btm_ttl {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 316.8 43.2"><path fill="%237D7DA0" d="M1.26,42.6V4.2C1.26,1.02,0,1.98,0,.6h18.06c11.7,0,16.2,4.98,16.2,11.1s-4.5,11.1-16.2,11.1H7.86v19.8H1.26ZM7.86,21.48h8.94c7.92,0,10.98-4.38,10.98-9.78S24.72,1.98,16.8,1.98H7.86v19.5ZM44.4,42.6V4.2c0-3.18-1.26-2.22-1.26-3.6h18.06c11.7,0,16.2,4.98,16.2,11.1,0,5.1-3.3,9.72-11.82,10.8l11.94,20.1h-7.68l-11.64-19.8h-7.2v19.8h-6.6ZM51,21.42h8.94c7.92,0,10.98-4.32,10.98-9.72s-3.06-9.72-10.98-9.72h-8.94v19.44ZM88.26,21.54c0-13.44,10.56-21.54,22.86-21.54s22.86,8.1,22.86,21.54-10.56,21.66-22.86,21.66-22.86-8.22-22.86-21.66ZM127.56,21.54c0-13.14-7.8-20.34-16.26-20.34s-16.26,7.2-16.26,20.34,7.68,20.46,16.26,20.46,16.26-7.32,16.26-20.46ZM144.72,42.6V4.2c0-3.18-1.26-2.22-1.26-3.6h15.72c15.12,0,22.68,10.5,22.68,21.06s-7.56,20.94-22.68,20.94h-14.46ZM151.32,41.22h6.78c11.34,0,16.98-9.84,16.98-19.68s-5.58-19.56-16.74-19.56h-7.02v39.24h0ZM192.6,25.14V4.2c0-3.18-1.26-2.22-1.26-3.6h7.62v25.38c0,11.4,4.32,15.78,11.94,15.78,7.62.06,13.2-5.34,13.2-16.56V.6h1.44v24c0,12.66-5.76,18.66-15.96,18.6-10.02-.06-16.98-5.16-16.98-18.06ZM236.28,21.54c0-12.78,9.66-21.54,22.92-21.54,6.96,0,12,1.8,16.14,5.1l-3.24,2.7c-2.94-3.84-6.72-6.66-12.12-6.66-9.72,0-16.92,8.64-16.92,20.4s7.2,20.4,16.92,20.4c5.4,0,9.18-2.7,12.12-6.6l3.24,2.64c-4.14,3.36-9.18,5.22-16.14,5.22-13.26,0-22.92-8.94-22.92-21.66h0ZM297.06,42.6V1.98h-13.02V.6h32.76v1.38h-13.14v40.62h-6.6Z" /></svg>') no-repeat center center/contain;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item.embeage .btm .col .img .caption {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 101.11 87.56"><path fill="%237D7DA0" d="M75.83,87.56H25.28l-.14-.24L0,43.78,25.28,0h50.55l25.28,43.78-25.28,43.78ZM25.83,86.6h49.44l24.72-42.82L75.28.96H25.83L1.11,43.78l24.72,42.82Z" /></svg>') no-repeat center center/contain;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.embeage .btm .col .img .caption {
    translate: calc(100% + 10.4031209363vw) 0;
  }
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item.embeage .btm .col .link .width {
    width: 72.821846554vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item::before {
  content: "";
  position: absolute;
  top: var(--lineup_items_bg_top);
  left: 0;
  width: 100%;
  height: var(--lineup_items_bg_height);
  background: var(--lineup_items_bg01);
  clip-path: polygon(0 300px, 100% 0, 100% calc(100% - 300px), 0 100%);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item::before {
    clip-path: polygon(0 26.0078023407vw, 100% 0, 100% calc(100% - 26.0078023407vw), 0 100%);
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item > .inner {
  position: relative;
  width: 1100px;
  margin-inline: auto;
  padding-block: 22px 114px;
  z-index: 1;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item > .inner {
    width: 100%;
    padding-block: 0;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .top {
  position: relative;
  width: 900px;
  padding-inline: var(--lineup_items_padding);
  margin-inline: auto;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .top {
    width: 100%;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .top .item_ttl {
  text-align: center;
}
.seasonal_milk .lineup_wrap .lineup_items .item .top .item_ttl img {
  width: var(--lineup_items_logo);
}
.seasonal_milk .lineup_wrap .lineup_items .item .top .item_lead {
  font-size: 22px;
  line-height: 1.8181818182;
  letter-spacing: 0.2em;
  font-weight: 500;
  text-align: center;
  margin-top: 40px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .top .item_lead {
    font-size: 4.4213263979vw;
    line-height: 1.7647058824;
    margin-top: 7.8023407022vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .top .item_img {
  position: absolute;
  top: var(--lineup_items_img_top);
  left: var(--lineup_items_img_left);
  right: var(--lineup_items_img_right);
  width: 511px;
  aspect-ratio: 1022/1136;
  z-index: 1;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .top .item_img {
    position: relative;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 98.3094928479vw;
    margin: 6.7620286086vw auto 0 -3.2509752926vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts {
  background: #fff;
  padding: var(--lineup_items_txts_padding);
  box-shadow: 15px 15px 10px rgba(0, 0, 0, 0.2);
  display: grid;
  grid-template-rows: auto auto auto auto;
  place-content: center;
  place-items: center;
  margin-top: 60px;
  height: 400px;
}
@media screen and (min-width: 641px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts {
    transition-delay: 0.25s;
  }
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts {
    box-shadow: 2.8608582575vw 2.8608582575vw 1.8205461638vw rgba(0, 0, 0, 0.2);
    margin: -11.3133940182vw 0 0 auto;
    width: 86.3459037711vw;
    height: 82.1846553966vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .ttl {
  text-align: center;
}
.seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .ttl img {
  width: var(--lineup_items_txts_ttl);
}
.seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .lead {
  font-size: 20px;
  line-height: 2.5;
  letter-spacing: 0.2em;
  font-weight: 500;
  text-align: center;
  margin-top: 35px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .lead {
    font-size: 3.9011703511vw;
    margin-top: 7.1521456437vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .lead.slim {
  letter-spacing: 0.04em;
}
.seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .txt {
  font-size: 16px;
  line-height: 1.875;
  font-weight: 300;
  text-align: center;
  margin-top: 8px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .txt {
    font-size: 3.6410923277vw;
    line-height: 1.7857142857;
    margin-top: 1.0403120936vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .boxes {
  display: grid;
  margin: 42px auto 0;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .boxes {
    margin: 5.4616384915vw auto 0;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .boxes.col2 {
  grid-template-columns: var(--lineup_items_txts_boxes);
  gap: 10px;
  width: 380px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .boxes.col2 {
    width: 75.422626788vw;
    gap: 1.8205461638vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .boxes.col2 .box {
  height: 60px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .boxes.col2 .box {
    height: 11.7035110533vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .boxes.col3 {
  grid-template-columns: var(--lineup_items_txts_boxes);
  gap: 5px;
  width: 400px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .boxes.col3 {
    width: 75.422626788vw;
    gap: 0.9102730819vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .boxes.col3 .box {
  height: 70px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .boxes.col3 .box {
    height: 14.3042912874vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .boxes .box {
  border-radius: calc(infinity * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: 500;
  background: var(--lineup_items_bg02);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .boxes .box {
    font-size: 2.8608582575vw;
    line-height: 1.3636363636;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .top .item_txts .boxes .box span {
  line-height: inherit;
}
.seasonal_milk .lineup_wrap .lineup_items .item .top .note {
  font-size: 10px;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .top .note {
    font-size: 2.6007802341vw;
    margin: 4.5513654096vw 6.5019505852vw 0 0;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto;
  gap: 20px 30px;
  grid-template-areas: "area1 area2" "area3 area3";
  padding-inline: 100px;
  margin-top: var(--lineup_items_btm_margin);
}
@media screen and (min-width: 641px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm {
    transition-delay: 0.25s;
  }
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm {
    display: block;
    padding-inline: 0;
    width: 85.8257477243vw;
    margin: var(--lineup_items_btm_margin) auto 0;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .btm_ttl {
  position: absolute;
  top: 0;
  left: 50px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  width: 29px;
  height: 211px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .btm_ttl {
    position: static;
    top: auto;
    left: auto;
    width: 41.22236671vw;
    height: 5.721716515vw;
    margin-bottom: 1.9505851756vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col {
  border-radius: 15px;
  border: 2px solid var(--lineup_items_btm_border);
  padding: var(--lineup_items_btm_col_padding);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col {
    border-radius: 3.2509752926vw;
  }
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col + .col {
    margin-top: 2.6007802341vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col .ttl {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-align: center;
  color: var(--lineup_items_btm_txt);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .ttl {
    font-size: 3.9011703511vw;
    line-height: 1.5;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col .lead {
  background: var(--lineup_items_bg02);
  margin: 16px auto;
  border-radius: calc(infinity * 1px);
  width: 350px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 0.0833333333;
  letter-spacing: 0.025em;
  font-weight: 500;
  color: #fff;
}
@media screen and (min-width: 641px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .lead.large {
    width: 380px;
  }
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .lead {
    margin: 2.3407022107vw auto 0;
    width: 68.2704811443vw;
    height: 11.7035110533vw;
    padding: 2.3407022107vw 0;
    font-size: 2.8608582575vw;
    line-height: 1.3636363636;
    letter-spacing: 0.05em;
    text-align: center;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col .lead.long {
  width: 407px;
  letter-spacing: -0.03em;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .lead.long {
    width: 68.2704811443vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col .img {
  position: relative;
  width: var(--lineup_items_btm_img);
  margin: 30px auto 0;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .img {
    margin: 3.9011703511vw auto 0;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col .img .caption {
  position: absolute;
  bottom: 5px;
  right: 0;
  translate: calc(100% + 9px) 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  width: 100px;
  aspect-ratio: 100/86;
  color: var(--lineup_items_btm_txt);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .img .caption {
    bottom: 0.6501950585vw;
    translate: calc(100% + 2.8608582575vw) 0;
    width: 19.5058517555vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col .img .caption .small {
  font-size: 10px;
  line-height: 1.6;
  font-weight: 500;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .img .caption .small {
    font-size: 2.3407022107vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col .img .caption .large {
  font-size: 12px;
  line-height: 1.3333333333;
  font-weight: 500;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .img .caption .large {
    font-size: 2.6007802341vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col .brandname {
  font-size: 12px;
  text-align: center;
  margin-top: 25px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .brandname {
    font-size: 3.3810143043vw;
    margin-top: 3.511053316vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col .links {
  display: grid;
  gap: 10px;
  justify-content: center;
  margin-top: 9px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .links {
    gap: 3.2509752926vw;
    margin-top: 2.6007802341vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col .link {
  text-align: left;
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col .link a {
  position: relative;
  padding-right: 15px;
  font-size: 12px;
  display: inline-flex;
  flex-wrap: wrap;
  line-height: 1;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .link a {
    gap: 1.300390117vw 0;
    padding-right: 2.6007802341vw;
    font-size: 3.3810143043vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col .link a > * {
  line-height: 1;
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col .link a::before {
  content: "";
  position: absolute;
  top: 2px;
  right: 0;
  width: 7px;
  height: 7px;
  border-top: 1px solid var(--color-base);
  border-right: 1px solid var(--color-base);
  rotate: 45deg;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .link a::before {
    top: 0.7802340702vw;
    width: 2.0806241873vw;
    height: 2.0806241873vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col .link a .name {
  text-decoration: underline;
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col .link a .white {
  margin-left: 8px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .link a .white {
    margin-left: 0.6501950585vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col .link a .white.margin_l {
  margin-left: 15px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .link a .white.margin_l {
    margin-left: 2.6007802341vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col .link a .quasi_drugs {
  border: 1px solid var(--color-base);
  font-size: 9px;
  line-height: 1;
  padding: 1px 4px;
  margin-left: 5px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .link a .quasi_drugs {
    font-size: 2.4707412224vw;
    padding: 0.2600780234vw 0.5201560468vw;
    margin-left: 0.6501950585vw;
  }
}
@media (any-hover: hover) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .link a:hover {
    opacity: 1;
    color: var(--lineup_items_btm_txt);
  }
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .link a:hover::before,
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .link a:hover .quasi_drugs {
    border-color: var(--lineup_items_btm_txt);
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .col .price {
  font-size: 10px;
  text-align: center;
  margin-top: 15px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .col .price {
    font-size: 2.8608582575vw;
    margin-top: 3.9011703511vw;
  }
}
.seasonal_milk .lineup_wrap .lineup_items .item .btm .note {
  grid-area: area3;
  font-size: 10px;
  text-align: right;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .lineup_wrap .lineup_items .item .btm .note {
    font-size: 2.6007802341vw;
    line-height: 1.5;
    text-align: left;
    margin-top: 2.6007802341vw;
    margin-bottom: 2.6007802341vw;
  }
}
.seasonal_milk .howtouse_wrap {
  margin-top: 130px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .howtouse_wrap {
    margin-top: 18.855656697vw;
  }
}
.seasonal_milk .howtouse_wrap > .inner {
  width: 1000px;
  margin-inline: auto;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .howtouse_wrap > .inner {
    width: 100%;
  }
}
.seasonal_milk .howtouse_wrap .c_ttl01 {
  --c_ttl01_en: 309px;
  padding-top: 134px;
  margin-top: -134px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .howtouse_wrap .c_ttl01 {
    --c_ttl01_en: calc(490 * (100vw / 769));
  }
}
@media screen and (max-width: 640px) {
  .seasonal_milk .howtouse_wrap .c_ttl01 {
    padding-top: 85px;
    margin-top: -85px;
  }
}
.seasonal_milk .howtouse_wrap .grid {
  margin-top: 80px;
  display: grid;
  grid-template-columns: 1fr 500px;
  gap: 45px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .howtouse_wrap .grid {
    margin-top: 8.4525357607vw;
    grid-template-columns: 1fr;
    gap: 5.2015604681vw;
  }
}
.seasonal_milk .howtouse_wrap .grid .txts .ttl {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.2em;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .howtouse_wrap .grid .txts .ttl {
    font-size: 4.4213263979vw;
  }
}
.seasonal_milk .howtouse_wrap .grid .txts .flow {
  margin-top: 30px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .howtouse_wrap .grid .txts .flow {
    margin: 3.9011703511vw auto 0;
    width: 89.7269180754vw;
  }
}
.seasonal_milk .howtouse_wrap .grid .txts .txt {
  font-size: 16px;
  line-height: 1.875;
  font-weight: 300;
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .howtouse_wrap .grid .txts .txt {
    font-size: 3.6410923277vw;
    line-height: 1.7857142857;
    margin-top: 5.2015604681vw;
  }
}
.seasonal_milk .howtouse_wrap .grid .movie {
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16/9;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .howtouse_wrap .grid .movie {
    border-radius: 3.3810143043vw;
  }
}
@media screen and (max-width: 640px) {
  .seasonal_milk .howtouse_wrap .grid .movie {
    width: 85.8257477243vw;
    margin-inline: auto;
  }
}
.seasonal_milk .howtouse_wrap .grid .movie .player {
  aspect-ratio: 16/9;
}
.seasonal_milk .howtouse_wrap .grid .movie .player iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.seasonal_milk .howtouse_wrap .grid .thumb {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
.seasonal_milk .howtouse_wrap .grid .thumb::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 74px;
  aspect-ratio: 1/1;
  background: url(../img/howtouse_icn01.svg) no-repeat center center/contain;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .howtouse_wrap .grid .thumb::before {
    width: 10.9232769831vw;
  }
}
@media (any-hover: hover) {
  .seasonal_milk .howtouse_wrap .grid .thumb::before {
    transition: 0.3s;
  }
  .seasonal_milk .howtouse_wrap .grid .thumb:hover {
    cursor: pointer;
  }
  .seasonal_milk .howtouse_wrap .grid .thumb:hover::before {
    width: 87px;
    background: url(../img/howtouse_icn01_on.svg) no-repeat center center/contain;
  }
}
.seasonal_milk .howtouse_wrap .grid .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.seasonal_milk .cotton_wrap {
  margin-top: 90px;
  padding-bottom: 150px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .cotton_wrap {
    margin-top: 11.0533159948vw;
    padding-bottom: 19.5058517555vw;
  }
}
.seasonal_milk .cotton_wrap .border_wrap {
  position: relative;
  width: 900px;
  margin: 0 auto;
  border: 1px solid #C8B99B;
  border-radius: 15px;
  padding: 40px 50px 30px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .cotton_wrap .border_wrap {
    width: 85.8257477243vw;
    border-radius: 3.7711313394vw;
    padding: 7.8023407022vw 0 9.1027308192vw;
  }
}
.seasonal_milk .cotton_wrap .ttl {
  color: #A08755;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-align: center;
  font-feature-settings: normal;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .cotton_wrap .ttl {
    font-size: 4.6814044213vw;
    line-height: 1.5;
  }
}
.seasonal_milk .cotton_wrap .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 50px;
  margin-top: 40px;
  padding-inline: 32px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .cotton_wrap .list {
    grid-template-columns: 1fr;
    gap: 13.0039011704vw 0;
    margin-top: 7.8023407022vw;
    padding-inline: 0;
  }
}
.seasonal_milk .cotton_wrap .list > li .sttl {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-align: center;
  font-feature-settings: normal;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .cotton_wrap .list > li .sttl {
    font-size: 3.6410923277vw;
    line-height: 1.6071428571;
    letter-spacing: 0;
    font-weight: 500;
  }
}
.seasonal_milk .cotton_wrap .list > li .box {
  margin-top: 26px;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
  gap: 0 10px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .cotton_wrap .list > li .box {
    margin: 4.4213263979vw auto 0;
    width: 72.821846554vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 1.8205461638vw;
  }
}
.seasonal_milk .cotton_wrap .list > li .txt {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .cotton_wrap .list > li .txt {
    width: 55%;
    font-size: 2.8608582575vw;
    line-height: 1.5454545455;
    letter-spacing: 0;
    margin-right: -2.6007802341vw;
  }
}
.seasonal_milk .cotton_wrap .list > li .txt a {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .seasonal_milk .cotton_wrap .list > li .txt a:hover {
    color: #87785a;
    opacity: 1;
  }
}
.seasonal_milk .cotton_wrap .list > li .txt .em {
  width: 1em;
  display: inline-block;
}
.seasonal_milk .cotton_wrap .list > li .txt .price {
  display: block;
  font-size: 8px;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 400;
  margin-top: 9px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .cotton_wrap .list > li .txt .price {
    font-size: 2.6007802341vw;
    line-height: 1.9;
    letter-spacing: 0;
    margin-top: 0.6501950585vw;
  }
}
.seasonal_milk .cotton_wrap .list > li .img {
  height: 123px;
  grid-row: 1/3;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .cotton_wrap .list > li .img {
    height: 21.5864759428vw;
    flex: 1;
    text-align: center;
  }
}
.seasonal_milk .cotton_wrap .list > li .img img {
  width: auto;
  height: 100%;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .cotton_wrap .list > li .img img {
    box-shadow: unset;
  }
}
.seasonal_milk .cotton_wrap .list > li:nth-of-type(1) .img {
  padding: 20px 0 5px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .cotton_wrap .list > li:nth-of-type(1) .img {
    padding: 0;
  }
}
.seasonal_milk .cotton_wrap .list > li:nth-of-type(2) .img {
  padding: 12px 0 0;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .cotton_wrap .list > li:nth-of-type(2) .img {
    padding: 0;
  }
}
.seasonal_milk .cotton_wrap .list > li .point {
  margin-top: 17px;
  grid-column: 1/2;
  grid-row: 2/3;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  gap: 5px 2px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .cotton_wrap .list > li .point {
    margin-top: 3.2509752926vw;
    width: 100%;
    gap: 0.6501950585vw 0.2600780234vw;
  }
}
.seasonal_milk .cotton_wrap .list > li .point li {
  border-radius: 999px;
  padding: 3px 10px 4px 10px;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  background-color: #C8B99B;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .cotton_wrap .list > li .point li {
    padding: 1.300390117vw 0.6501950585vw;
    flex: 1;
    font-size: 2.6007802341vw;
  }
}
.seasonal_milk .cotton_wrap .bnr {
  margin: 58px auto 0;
  border-top: 1px solid #C8B99B;
  padding-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .cotton_wrap .bnr {
    margin-top: 9.8829648895vw;
    width: 72.821846554vw;
    border-width: 2px;
    padding-top: 7.4122236671vw;
    gap: 3.3810143043vw;
  }
}
.seasonal_milk .cotton_wrap .bnr .img {
  width: 86px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .cotton_wrap .bnr .img {
    width: 24.7074122237vw;
  }
}
.seasonal_milk .cotton_wrap .bnr .txt {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.6666666667;
  letter-spacing: 0.075em;
  font-weight: 400;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .cotton_wrap .bnr .txt {
    margin-top: 0;
    font-size: 2.8608582575vw;
    line-height: 1.5;
    letter-spacing: 0;
    flex: 1;
  }
}
.seasonal_milk .system_wrap {
  background: url(../img/system_bg01.jpg) no-repeat center top/cover;
  padding-block: 150px 150px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap {
    background: url(../img/system_bg01_sp.jpg) no-repeat center top/cover;
    padding-block: 17.55526658vw 19.5058517555vw;
  }
}
.seasonal_milk .system_wrap > .inner {
  width: 900px;
  margin-inline: auto;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap > .inner {
    width: 85.8257477243vw;
  }
}
.seasonal_milk .system_wrap .c_ttl01 {
  --c_ttl01_en: 497px;
  padding-top: 134px;
  margin-top: -134px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .c_ttl01 {
    --c_ttl01_en: calc(391 * (100vw / 769));
  }
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .c_ttl01 {
    padding-top: 85px;
    margin-top: -85px;
  }
}
.seasonal_milk .system_wrap .qa_list {
  margin-top: 77px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .qa_list {
    margin-top: 8.8426527958vw;
  }
}
.seasonal_milk .system_wrap .qa_list .item:nth-child(n+2) {
  margin-top: 45px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .qa_list .item:nth-child(n+2) {
    margin-top: 20.8062418726vw;
  }
}
.seasonal_milk .system_wrap .qa_list .item .item_q {
  position: relative;
  z-index: 1;
  background: #5A78AA;
  border-radius: 15px;
  font-size: 22px;
  line-height: 1.3636363636;
  letter-spacing: 0.1em;
  font-weight: 500;
  color: #fff;
  padding: 15px 45px;
  display: inline-block;
  text-align: center;
  filter: drop-shadow(15px 15px 10px rgba(0, 0, 0, 0.2));
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .qa_list .item .item_q {
    border-radius: 3.2509752926vw;
    font-size: 4.4213263979vw;
    padding: 2.8608582575vw 4.2912873862vw;
    min-width: 48.7646293888vw;
    filter: drop-shadow(2.8608582575vw 2.8608582575vw 1.9505851756vw rgba(0, 0, 0, 0.2));
  }
}
.seasonal_milk .system_wrap .qa_list .item .item_q::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 40px;
  width: 22px;
  aspect-ratio: 22/20;
  background: url(../img/system_balloon_q.svg) no-repeat center top/contain;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .qa_list .item .item_q::before {
    left: 4.0312093628vw;
    width: 2.8608582575vw;
  }
}
.seasonal_milk .system_wrap .qa_list .item .item_a {
  position: relative;
  margin: -40px 0 0 auto;
  width: 800px;
}
@media screen and (min-width: 641px) {
  .seasonal_milk .system_wrap .qa_list .item .item_a {
    transition-delay: 0.25s;
  }
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .qa_list .item .item_a {
    margin: -2.6007802341vw 0 0 auto;
    width: 79.3237971391vw;
  }
}
.seasonal_milk .system_wrap .qa_list .item .item_a::before {
  content: "";
  position: absolute;
  bottom: -20px;
  right: 20px;
  z-index: 2;
  width: 91px;
  aspect-ratio: 182/312;
  background: url(../img/system_img03.png) no-repeat center top/contain;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .qa_list .item .item_a::before {
    bottom: -14.3042912874vw;
    right: 3.9011703511vw;
    width: 17.55526658vw;
    aspect-ratio: 135/178;
    background-size: 100% auto;
  }
}
.seasonal_milk .system_wrap .qa_list .item .item_a .balloon {
  background: #fff;
  border-radius: 40px;
  padding: 37px 30px 34px 83px;
  display: grid;
  grid-template-columns: 246px 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: "area2 area1" "area2 area3";
  gap: 0 40px;
  align-items: center;
  filter: drop-shadow(15px 15px 10px rgba(0, 0, 0, 0.2));
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .qa_list .item .item_a .balloon {
    border-radius: 8.1924577373vw;
    padding: 10.6631989597vw 1.300390117vw 7.4122236671vw;
    display: block;
    filter: drop-shadow(2.8608582575vw 2.8608582575vw 1.9505851756vw rgba(0, 0, 0, 0.2));
  }
}
.seasonal_milk .system_wrap .qa_list .item .item_a .balloon::before {
  content: "";
  position: absolute;
  top: 100%;
  right: 140px;
  width: 22px;
  aspect-ratio: 22/20;
  background: url(../img/system_balloon_a.svg) no-repeat center top/contain;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .qa_list .item .item_a .balloon::before {
    top: calc(100% - 2px);
    right: 25.3576072822vw;
    width: 5.4616384915vw;
  }
}
.seasonal_milk .system_wrap .qa_list .item .item_a .ttl {
  color: #5A78AA;
  font-size: 22px;
  line-height: 1.3636363636;
  letter-spacing: 0.1em;
  font-weight: 500;
  grid-area: area1;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .qa_list .item .item_a .ttl {
    font-size: 4.4213263979vw;
    line-height: 1.3235294118;
    text-align: center;
  }
}
.seasonal_milk .system_wrap .qa_list .item .item_a .img {
  grid-area: area2;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .qa_list .item .item_a .img {
    width: 52.0156046814vw;
    margin: 3.2509752926vw auto 0;
  }
}
.seasonal_milk .system_wrap .qa_list .item:nth-child(2) .item_a .img {
  padding-right: 8px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .qa_list .item:nth-child(2) .item_a .img {
    padding: 2.6007802341vw 0;
  }
}

.seasonal_milk .system_wrap .qa_list .item .item_a .txt {
  font-size: 14px;
  line-height: 2;
  font-weight: 300;
  margin-top: 10px;
  grid-area: area3;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .qa_list .item .item_a .txt {
    font-size: 3.6410923277vw;
    line-height: 1.7857142857;
    margin-top: 2.6007802341vw;
    text-align: center;
  }
}
.seasonal_milk .system_wrap .qa_list .item .item_a .txt .margin {
  margin-top: 0.8em;
  display: block;
  line-height: inherit;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .qa_list .item .item_a .txt .margin {
    margin-top: 0.95em;
  }
}
.seasonal_milk .system_wrap .more {
  margin-top: 118px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto;
  grid-template-areas: "area1 area1" "area2 area3";
  gap: 30px 20px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .more {
    margin-top: 27.178153446vw;
    display: block;
  }
}
.seasonal_milk .system_wrap .more .ttl {
  font-size: 20px;
  line-height: 1;
  font-weight: 300;
  text-align: center;
  grid-area: area1;
  font-feature-settings: normal;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .more .ttl {
    font-size: 3.6410923277vw;
    margin-bottom: 5.2015604681vw;
  }
}
.seasonal_milk .system_wrap .more .bnr {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .more .bnr {
    border-radius: 1.9505851756vw;
  }
}
.seasonal_milk .system_wrap .more .bnr:nth-of-type(1) {
  grid-area: area2;
}
.seasonal_milk .system_wrap .more .bnr:nth-of-type(2) {
  grid-area: area3;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .system_wrap .more .bnr:nth-of-type(2) {
    margin-top: 3.9011703511vw;
  }
}
.seasonal_milk .system_wrap .more .bnr a {
  display: block;
  width: 100%;
  height: 100%;
}
.seasonal_milk .system_wrap .more .bnr a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.seasonal_milk .epilogue_wrap {
  background: url(../img/epilogue_bg01.jpg) repeat center top/cover;
  padding-block: 98px 90px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .epilogue_wrap {
    background: url(../img/epilogue_bg01_sp.jpg) repeat center top/cover;
    padding-block: 18.2054616385vw 14.3042912874vw;
  }
}
.seasonal_milk .epilogue_wrap > .inner {
  position: relative;
  width: 1100px;
  margin-inline: auto;
  padding-inline: 100px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .epilogue_wrap > .inner {
    width: 79.3237971391vw;
    padding-inline: 0;
  }
}
.seasonal_milk .epilogue_wrap > .inner .epilogue_ttl {
  position: absolute;
  top: 5px;
  left: 0;
  width: 48px;
  aspect-ratio: 48/220;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .epilogue_wrap > .inner .epilogue_ttl {
    top: 2.6007802341vw;
    left: -10.4031209363vw;
    width: 9.1027308192vw;
  }
}
.seasonal_milk .epilogue_wrap > .inner .grid {
  display: grid;
  grid-template-columns: 510px 1fr;
  gap: 0 43px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .epilogue_wrap > .inner .grid {
    display: block;
  }
}
.seasonal_milk .epilogue_wrap > .inner .grid .ttl {
  font-family: var(--font-serif);
  color: #806756;
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .epilogue_wrap > .inner .grid .ttl {
    font-size: 6.2418725618vw;
    line-height: 1.625;
    text-align: center;
  }
}
.seasonal_milk .epilogue_wrap > .inner .grid .txtarea {
  margin-top: 32px;
  translate: -5px 0;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .epilogue_wrap > .inner .grid .txtarea {
    margin-top: 3.7711313394vw;
    translate: 0;
  }
}
.seasonal_milk .epilogue_wrap > .inner .grid .txtarea .txt {
  font-size: 16px;
  line-height: 2.4;
  letter-spacing: 0.075em;
  font-weight: 400;
  color: #806756;
  background-size: 100% 2.375em;
  padding-left: 0.2em;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .epilogue_wrap > .inner .grid .txtarea .txt {
    font-size: 3.6410923277vw;
    line-height: 2.5em;
    letter-spacing: 0;
    background-size: 100% 2.5em;
    padding-left: 0;
    text-align: center;
    padding-bottom: 4px;
  }
}
.seasonal_milk .epilogue_wrap > .inner .grid .txtarea .txt:nth-child(1) {
  background-image: linear-gradient(0, rgba(128, 103, 86, 0.4) 1px, transparent 1px);
}
.seasonal_milk .epilogue_wrap > .inner .grid .txtarea .txt:nth-child(2) {
  margin-top: 2.375em;
  background-image: linear-gradient(180deg, rgba(128, 103, 86, 0.4) 1px, transparent 1px);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .epilogue_wrap > .inner .grid .txtarea .txt:nth-child(2) {
    margin-top: 2.5em;
  }
}
.seasonal_milk .epilogue_wrap > .inner .grid .img {
  position: relative;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .epilogue_wrap > .inner .grid .img {
    text-align: center;
    margin-top: 1.9505851756vw;
  }
}
.seasonal_milk .epilogue_wrap > .inner .grid .img picture {
  position: absolute;
  top: -13px;
  left: 0;
  width: 441px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .epilogue_wrap > .inner .grid .img picture {
    position: static;
    top: auto;
    left: auto;
    width: 82.3146944083vw;
    translate: 1.300390117vw 0;
  }
}
.seasonal_milk .pickup_wrap {
  margin-top: 133px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .pickup_wrap {
    margin-top: 20.156046814vw;
  }
}
.seasonal_milk .pickup_wrap > .inner {
  width: 840px;
  margin-inline: auto;
  padding-top: 134px;
  margin-top: -134px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .pickup_wrap > .inner {
    width: 85.8257477243vw;
  }
}
@media screen and (max-width: 640px) {
  .seasonal_milk .pickup_wrap > .inner {
    padding-top: 85px;
    margin-top: -85px;
  }
}
.seasonal_milk .pickup_wrap .grid {
  background: #DCE6ED;
  display: grid;
  grid-template-columns: 1fr 450px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .pickup_wrap .grid {
    display: block;
  }
}
.seasonal_milk .pickup_wrap .grid .txts {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .pickup_wrap .grid .txts {
    margin-bottom: 6.5019505852vw;
  }
}
.seasonal_milk .pickup_wrap .grid .txts .c_ttl02 {
  --c_ttl02_en: 151px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .pickup_wrap .grid .txts .c_ttl02 {
    --c_ttl02_en: calc(235 * (100vw / 769));
  }
}
.seasonal_milk .pickup_wrap .grid .txts .txt {
  font-size: 16px;
  line-height: 1.875;
  font-weight: 300;
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .pickup_wrap .grid .txts .txt {
    font-size: 3.6410923277vw;
    line-height: 1.7857142857;
    margin-top: 3.9011703511vw;
  }
}
.seasonal_milk .pickup_wrap .grid .txts .btn {
  margin: 22px auto 0;
  width: 220px;
  height: 30px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .pickup_wrap .grid .txts .btn {
    margin: 4.9414824447vw auto 0;
    width: 65.0195058518vw;
    height: 8.8426527958vw;
  }
}
.seasonal_milk .pickup_wrap .grid .txts .btn a {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.025em;
  font-weight: 400;
  color: #3D415C;
  border-radius: calc(infinity * 1px);
  background: #fff;
  padding-right: 13px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .pickup_wrap .grid .txts .btn a {
    font-size: 3.6410923277vw;
    padding-right: 2.6007802341vw;
  }
}
.seasonal_milk .pickup_wrap .grid .txts .btn a::before {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: 25px;
  width: 11px;
  aspect-ratio: 1/1;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11"><path fill="%233D415C" d="M9.73,11H.5c-.28,0-.5-.22-.5-.5V1.27c0-.28.22-.5.5-.5h2.31c.28,0,.5.22.5.5s-.22.5-.5.5h-1.81v8.23h8.23v-2.58c0-.28.22-.5.5-.5s.5.22.5.5v3.08c0,.28-.22.5-.5.5ZM10.96.31c-.05-.12-.15-.22-.27-.27-.06-.03-.13-.04-.19-.04h-4.41c-.28,0-.5.22-.5.5s.22.5.5.5h3.2l-3.65,3.65c-.2.2-.2.51,0,.71.1.1.23.15.35.15s.26-.05.35-.15l3.65-3.65v3.2c0,.28.22.5.5.5s.5-.22.5-.5V.5c0-.07-.01-.13-.04-.19Z" /></svg>') no-repeat center center/contain;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .pickup_wrap .grid .txts .btn a::before {
    right: 5.2015604681vw;
    width: 2.6007802341vw;
  }
}
@media (any-hover: hover) {
  .seasonal_milk .pickup_wrap .grid .txts .btn a::before {
    transition: background-color 0.3s;
  }
  .seasonal_milk .pickup_wrap .grid .txts .btn a:hover {
    opacity: 1;
    background: #80A4BE;
    color: #fff;
  }
  .seasonal_milk .pickup_wrap .grid .txts .btn a:hover::before {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11"><path fill="%23ffffff" d="M9.73,11H.5c-.28,0-.5-.22-.5-.5V1.27c0-.28.22-.5.5-.5h2.31c.28,0,.5.22.5.5s-.22.5-.5.5h-1.81v8.23h8.23v-2.58c0-.28.22-.5.5-.5s.5.22.5.5v3.08c0,.28-.22.5-.5.5ZM10.96.31c-.05-.12-.15-.22-.27-.27-.06-.03-.13-.04-.19-.04h-4.41c-.28,0-.5.22-.5.5s.22.5.5.5h3.2l-3.65,3.65c-.2.2-.2.51,0,.71.1.1.23.15.35.15s.26-.05.35-.15l3.65-3.65v3.2c0,.28.22.5.5.5s.5-.22.5-.5V.5c0-.07-.01-.13-.04-.19Z" /></svg>') no-repeat center center/contain;
  }
}
.seasonal_milk .milklineup_wrap {
  margin-top: 52px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .milklineup_wrap {
    margin-top: 9.1027308192vw;
  }
}
.seasonal_milk .milklineup_wrap > .inner {
  width: 840px;
  margin-inline: auto;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .milklineup_wrap > .inner {
    width: 85.8257477243vw;
  }
}
.seasonal_milk .milklineup_wrap .grid {
  position: relative;
  background: rgba(90, 90, 90, 0.15);
  display: grid;
  grid-template-columns: 390px 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "area1 area2" "area3 area2";
  gap: 10px;
  padding-block: 40px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .milklineup_wrap .grid {
    display: block;
    padding-block: 1.6905071521vw 7.8023407022vw;
  }
}
.seasonal_milk .milklineup_wrap .grid::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  border: 1px solid #fff;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .milklineup_wrap .grid::before {
    width: calc(100% - 2.6007802341vw);
    height: calc(100% - 2.6007802341vw);
  }
}
.seasonal_milk .milklineup_wrap .grid .c_ttl02 {
  --c_ttl02_en: 200px;
  margin-top: 11px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .milklineup_wrap .grid .c_ttl02 {
    --c_ttl02_en: calc(310 * (100vw / 769));
    margin-top: 0;
  }
}
.seasonal_milk .milklineup_wrap .grid .img {
  grid-area: area2;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .milklineup_wrap .grid .img {
    text-align: center;
    margin-top: 3.2509752926vw;
  }
}
.seasonal_milk .milklineup_wrap .grid .img img {
  width: 383px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .milklineup_wrap .grid .img img {
    width: 53.7061118336vw;
  }
}
.seasonal_milk .milklineup_wrap .grid .btn {
  grid-area: area3;
  margin: 22px auto 0;
  width: 220px;
  height: 30px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .milklineup_wrap .grid .btn {
    margin: 3.9011703511vw auto 0;
    width: 65.0195058518vw;
    height: 8.8426527958vw;
  }
}
.seasonal_milk .milklineup_wrap .grid .btn a {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.025em;
  font-weight: 400;
  border-radius: calc(infinity * 1px);
  background: #fff;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .milklineup_wrap .grid .btn a {
    font-size: 3.6410923277vw;
  }
}
@media (any-hover: hover) {
  .seasonal_milk .milklineup_wrap .grid .btn a:hover {
    opacity: 1;
    background: rgba(90, 90, 90, 0.7);
    color: #fff;
  }
}
.seasonal_milk .coupon_wrap {
  margin-top: 50px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .coupon_wrap {
    margin-top: 19.8959687906vw;
  }
}
.seasonal_milk .coupon_wrap .bnr {
  z-index: 1;
  width: 840px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .coupon_wrap .bnr {
    width: 92.7178153446vw;
  }
}
.seasonal_milk .coupon_wrap .bnr .qr {
  position: absolute;
  top: 65px;
  right: 60px;
  z-index: 1;
  width: 118px;
}
.seasonal_milk .coupon_wrap .bnr .ttl {
  position: absolute;
  width: 66px;
  left: 60px;
  top: 42px;
  z-index: 1;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .coupon_wrap .bnr .ttl {
    width: 8.0624187256vw;
    left: 7.9323797139vw;
    top: 10.4031209363vw;
  }
}
.seasonal_milk .coupon_wrap .bnr .box {
  z-index: 2;
  width: 100%;
  padding: 8.5% 20% 0 31%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .coupon_wrap .bnr .box {
    padding: 12% 7% 0 28%;
  }
}
.seasonal_milk .coupon_wrap .bnr .box .icon {
  width: 67px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .coupon_wrap .bnr .box .icon {
    width: 11.9635890767vw;
  }
}
.seasonal_milk .coupon_wrap .bnr .box .txt {
  padding-left: 18px;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.1em;
  font-weight: 300;
  font-feature-settings: normal;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .coupon_wrap .bnr .box .txt {
    padding-left: 2.0806241873vw;
    flex: 1;
    font-size: 3.1209362809vw;
    line-height: 1.5;
  }
}
.seasonal_milk .coupon_wrap .bnr .box .btn {
  width: 100%;
  margin-top: 12px;
  padding-left: 85px;
  display: flex;
  font-feature-settings: normal;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .coupon_wrap .bnr .box .btn {
    margin-top: 1.300390117vw;
    padding-left: 14.044213264vw;
  }
}
.seasonal_milk .coupon_wrap .bnr .box .btn a {
  padding-left: 18px;
  position: relative;
  color: #53B682;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.1em;
  font-weight: 300;
  text-decoration: underline;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .coupon_wrap .bnr .box .btn a {
    padding-left: 3.3810143043vw;
    color: #007A85;
    font-size: 3.1209362809vw;
    line-height: 1.875;
  }
}
.seasonal_milk .coupon_wrap .bnr .box .btn a::before {
  content: "";
  width: 11px;
  aspect-ratio: 10/12;
  position: absolute;
  top: 10px;
  left: 0;
  background-color: #53B682;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .coupon_wrap .bnr .box .btn a::before {
    width: 2.0806241873vw;
    top: 1.8205461638vw;
    line-height: 1.125;
    background-color: #007A85;
  }
}
.seasonal_milk .coupon_wrap .list {
  margin: 69px auto 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 900px;
  gap: 20px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .coupon_wrap .list {
    width: 92.7178153446vw;
    margin: 9.7529258778vw auto 0;
    grid-template-columns: 1fr;
    gap: 9.1027308192vw;
  }
}
.seasonal_milk .coupon_wrap .list li {
  height: 140px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .coupon_wrap .list li {
    width: 100%;
    height: 32.5097529259vw;
  }
}
.seasonal_milk .coupon_wrap .list li:nth-child(1) a {
  background-color: #EBE1E1;
}
.seasonal_milk .coupon_wrap .list li:nth-child(1) .ttl {
  color: #BE6E73;
  letter-spacing: 0.1em;
}
.seasonal_milk .coupon_wrap .list li:nth-child(2) a {
  background-color: #E1E6EB;
}
.seasonal_milk .coupon_wrap .list li:nth-child(2) .ttl {
  color: #5F7D96;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .coupon_wrap .list li:nth-child(2) .ttl {
    letter-spacing: -0.05em;
  }
}
.seasonal_milk .coupon_wrap .list li a {
  height: 100%;
  padding: 26px 45px;
  display: block;
  position: relative;
  border-radius: 10px;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .coupon_wrap .list li a {
    padding: 4.5513654096vw 0;
    border-radius: 3.9011703511vw;
  }
}
.seasonal_milk .coupon_wrap .list li .en {
  height: 19px;
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
  .seasonal_milk .coupon_wrap .list li .en {
    height: 3.3810143043vw;
    top: -2.3407022107vw;
  }
}
.seasonal_milk .coupon_wrap .list li .en img {
  width: auto;
  height: 100%;
  max-width: inherit;
}
.seasonal_milk .coupon_wrap .list li .ttl {
  font-size: 22px;
  line-height: 1.7272727273;
  font-weight: 500;
  font-family: var(--font-serif);
  text-align: center;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .coupon_wrap .list li .ttl {
    font-size: 4.1612483745vw;
    letter-spacing: 0.1em;
  }
}
.seasonal_milk .coupon_wrap .list li .txt {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.8333333333;
  font-weight: 300;
  font-feature-settings: normal;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .coupon_wrap .list li .txt {
    margin-top: 0.3901170351vw;
    font-size: 3.1209362809vw;
    line-height: 1.5583333333;
    letter-spacing: 0.1em;
  }
}
.seasonal_milk .fixed_btn {
  position: fixed;
  bottom: 125px;
  left: 95px;
  width: 70px;
  aspect-ratio: 1/1;
  transition: opacity 0.3s;
  z-index: 10;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .fixed_btn {
    bottom: 13.0039011704vw;
    left: 3.9011703511vw;
    width: 12.7438231469vw;
  }
}
.seasonal_milk .fixed_btn:not(.is_show) {
  opacity: 0;
}
.seasonal_milk .fixed_btn.is_show {
  opacity: 1;
}
.seasonal_milk .fixed_btn a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: calc(infinity * 1px);
  background: url(../img/fixed_btn01.svg) no-repeat center center/contain;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
  font-size: 14px;
  line-height: 1.1428571429;
  font-weight: 300;
  text-align: center;
  padding-top: 25px;
  border: 1px solid #fff;
}
@media screen and (max-width: 640px) {
  .seasonal_milk .fixed_btn a {
    filter: drop-shadow(0.7282184655vw 0.7282184655vw 0.7282184655vw rgba(0, 0, 0, 0.25));
    font-size: 2.6007802341vw;
    line-height: 1.12;
    padding-top: 3.9011703511vw;
  }
}
@media (any-hover: hover) {
  .seasonal_milk .fixed_btn a:hover {
    opacity: 1;
    color: #fff;
    background: url(../img/fixed_btn01_on.svg) no-repeat center center/contain;
  }
}

/* -----------------
sincloBox
-------------------- */
#sincloBox {
  overflow: visible !important;
}

#sincloBox div#sincloBannerBox {
  translate: 20px 0;
}
@media screen and (max-width: 640px) {
  #sincloBox div#sincloBannerBox {
    translate: 10px 0;
  }
}

#sincloBox div#sincloBannerBox #sincloBanner.sincloBanner img {
  width: 240px;
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
#sincloBox {
  width: auto !important;
}
.icon::before,
.icon::after{
  display: none;
}