@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500&display=swap");
header {
  position: relative;
  z-index: 10000;
}

body, html {
  min-width: initial !important;
}

section {
  margin-bottom: 0;
}

.fadeImg {
  overflow: hidden;
}

.fadeImg img {
  opacity: 0;
  -webkit-transform: scale(1.12);
          transform: scale(1.12);
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.fadeImg.active img {
  opacity: 1;
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}

.fadeImg--d02 img {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.fadeImg--d04 img {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.fadeIn {
  opacity: 0;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.fadeIn.active {
  opacity: 1;
}

.l-container {
  position: relative;
  width: 100%;
  letter-spacing: 0;
  color: #23211C;
  font-family: "Zen Kaku Gothic New", serif;
}
.l-container section {
  margin-bottom: 0;
}

.l-main {
  width: 100%;
  overflow-x: hidden;
  background: #F5EEE7;
}
@media screen and (min-width: 64em) {
  .l-main {
    width: 100%;
  }
}

.l-main__inner {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .l-main__inner {
    width: 39rem;
    margin: 0 auto;
  }
}

.l-lpDrawer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  display: block;
  width: 100%;
  height: 100%;
  background: #A69379;
  background-image: url(../assets/img/fresh2025/drawer_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  visibility: hidden;
  opacity: 0;
}
@media screen and (min-width: 64em) {
  .l-lpDrawer {
    position: fixed;
    width: calc((100% - 39rem) / 2);
    visibility: visible;
    -webkit-transition: initial;
    transition: initial;
    opacity: 1;
    max-height: initial !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}

.is-drawerOpen .l-lpDrawer {
  visibility: visible;
  opacity: 1;
}

.l-lpDrawer.is-hide {
  opacity: 0;
  visibility: hidden;
}

.l-lpDrawer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  overflow-y: auto;
  padding: 23.0769230769vw 10.2564102564vw 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .l-lpDrawer__inner {
    padding: 9.5rem 1rem 2rem 2rem;
  }
}
@media screen and (min-width: 80em) {
  .l-lpDrawer__inner {
    padding: 9.5rem 1rem 2rem 14%;
  }
}
@media (min-height: 700px) and (min-width: 1024px) {
  .l-lpDrawer__inner {
    padding: 15vh 1rem 3vh 2rem;
  }
}
@media (min-height: 700px) and (min-width: 1280px) {
  .l-lpDrawer__inner {
    padding: 15vh 1rem 3vh 14%;
  }
}

.l-lpDrawer__inner {
  scrollbar-width: none; /* Firefox用 */
}

.l-lpDrawer__inner::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge用 */
}

.lpDrawerNav__block {
  margin-bottom: 8.2051282051vw;
  line-height: 1.4;
}
@media screen and (min-width: 64em) {
  .lpDrawerNav__block {
    margin-bottom: 1.2rem;
  }
}
@media (min-height: 700px) and (min-width: 1024px) {
  .lpDrawerNav__block {
    margin-bottom: 3.2rem;
  }
}

.lpDrawerNav__block:last-child {
  margin-bottom: 0;
}

.lpDrawerSnsNav {
  margin-top: 0;
}

.lpDrawerNav__ttl {
  font-size: 3.5897435897vw;
  font-family: "Zen Old Mincho", serif;
  color: rgba(255, 255, 255, 0.3);
}
@media screen and (min-width: 64em) {
  .lpDrawerNav__ttl {
    font-size: 1.4rem;
    margin-bottom: 0.4rem;
  }
}
@media (min-height: 700px) and (min-width: 1024px) {
  .lpDrawerNav__ttl {
    margin-bottom: 1rem;
  }
}

.lpDrawerNav__item {
  margin-bottom: 2.0512820513vw;
}
@media screen and (min-width: 64em) {
  .lpDrawerNav__item {
    margin-bottom: 0.8rem;
  }
}

.lpDrawerNav__link {
  font-size: 4.1025641026vw;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  color: #F8F7F6;
}
@media screen and (min-width: 64em) {
  .lpDrawerNav__link {
    font-size: 1.6rem;
  }
}

.lpDrawerNav__link:focus {
  color: #F8F7F6;
}

.lpDrawerNav__link::before {
  content: "-";
  display: inline-block;
  margin-right: 3.0769230769vw;
}
@media screen and (min-width: 64em) {
  .lpDrawerNav__link::before {
    margin-right: 1.2rem;
  }
}

.lpDrawerNav__snsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.0769230769vw;
}
@media screen and (min-width: 64em) {
  .lpDrawerNav__snsList {
    gap: 1.2rem;
  }
}

.lpDrawerNav__snsItem {
  width: 6.1538461538vw;
}
@media screen and (min-width: 64em) {
  .lpDrawerNav__snsItem {
    width: 2.4rem;
  }
}

.lpDrawerNav__snsLink {
  display: block;
  width: 100%;
}

.navBar {
  position: fixed;
  top: 7.6923076923vw;
  right: 5.1282051282vw;
  z-index: 1200;
  width: 6.1538461538vw;
  height: 3.0769230769vw;
  cursor: pointer;
  mix-blend-mode: difference;
}
@media screen and (min-width: 64em) {
  .navBar {
    display: none;
  }
}
.navBar__line {
  display: block;
  width: 100%;
  height: 0.7692307692vw;
  background: #fff;
  position: absolute;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.navBar__line.line01.active {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-35deg);
          transform: translateY(-50%) rotate(-35deg);
}
.navBar__line.line02 {
  bottom: 0;
}
.navBar__line.line02.active {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(35deg);
          transform: translateY(-50%) rotate(35deg);
}

.l-container__right {
  position: fixed;
  top: 0;
  right: -100%;
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 64em) {
  .l-container__right {
    right: 0;
    width: calc((100% - 39rem) / 2);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}

.l-container__right.is-hide {
  opacity: 0;
  visibility: hidden;
}

@media screen and (min-width: 64em) {
  .containerRightTtl {
    position: absolute;
    opacity: 0.6;
    top: 13rem;
    right: 4rem;
    width: 12.8rem;
    z-index: 10;
  }
}

.containerSlider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.containerSlider .slick-list, .containerSlider .slick-track {
  height: 100%;
}

.containerSlider__list {
  position: relative;
  width: 100%;
  height: 100%;
}

.containerSlider__item {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.containerSlider__img {
  height: 100%;
}

.containerSlider__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.colorList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.9025641026vw;
}
@media screen and (min-width: 64em) {
  .colorList {
    gap: 0.352rem;
  }
}

.colorList li {
  display: block;
  width: 3.5897435897vw;
  height: 3.5897435897vw;
  border-radius: 50%;
}
@media screen and (min-width: 64em) {
  .colorList li {
    width: 1.4rem;
    height: 1.4rem;
  }
}
.colorList li.color-01 {
  background: linear-gradient(205deg, #9EC2B3 0%, #8AAA9C 100%);
}
.colorList li.color-02 {
  background: linear-gradient(205deg, #3A693C 0%, #69936B 100%);
}
.colorList li.color-03 {
  background: linear-gradient(205deg, #C89035 0%, #DCAD5F 100%);
}
.colorList li.color-04 {
  background: linear-gradient(205deg, #98542A 0%, #C07B4E 100%);
}
.colorList li.color-05 {
  background: linear-gradient(205deg, #AA2A22 0%, #D3655E 100%);
}
.colorList li.color-06 {
  background: linear-gradient(205deg, #A69379 0%, #C1B6A6 100%);
}
.colorList li.color-07 {
  background: linear-gradient(205deg, #06313B 0%, #1B5765 100%);
}
.colorList li.color-08 {
  background: linear-gradient(205deg, #21253C 0%, #4B4B58 100%);
}
.colorList li.color-09 {
  background: linear-gradient(205deg, #593434 0%, #735454 100%);
}
.colorList li.color-10 {
  background: linear-gradient(205deg, #403E2F 0%, #525040 100%);
}
.colorList li.color-11 {
  background: linear-gradient(205deg, #000000 0%, #373737 100%);
}

.colorList--sm {
  gap: 0.7897435897vw;
}
@media screen and (min-width: 64em) {
  .colorList--sm {
    gap: 0.308rem;
  }
}
.colorList--sm li {
  width: 2.5641025641vw;
  height: 2.5641025641vw;
}
@media screen and (min-width: 64em) {
  .colorList--sm li {
    width: 1rem;
    height: 1rem;
  }
}

.fresh2025Btn {
  position: relative;
  display: inline-block;
  min-width: 74.358974359vw;
  padding: 4.8717948718vw 10.7692307692vw 4.8717948718vw 5.1282051282vw;
  text-align: center;
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.04em;
  border: 0.2564102564vw solid #434339;
  color: #434339;
  border-radius: 1.0256410256vw;
}
@media screen and (min-width: 64em) {
  .fresh2025Btn {
    min-width: 29rem;
    padding: 1.9rem 4.2rem 1.9rem 2rem;
    font-size: 1.6rem;
    border: 0.1rem solid #434339;
    border-radius: 0.4rem;
  }
}
.fresh2025Btn:visited, .fresh2025Btn:focus {
  color: #434339;
}

.fresh2025Btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 4.6153846154vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 6.6666666667vw;
  height: 2.5641025641vw;
  background-image: url(../assets/img/fresh2025/icon_arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
@media screen and (min-width: 64em) {
  .fresh2025Btn::after {
    right: 1.8rem;
    width: 2.6rem;
    height: 1rem;
  }
}

.fresh2025Btn--black {
  color: #fff;
  background: #434339;
}
.fresh2025Btn--black::after {
  background-image: url(../assets/img/fresh2025/icon_arrow_white.svg);
}
.fresh2025Btn--black:visited, .fresh2025Btn--black:focus {
  color: #fff;
}

.fresh2025Btn--mid {
  min-width: 61.0256410256vw;
  padding: 4.358974359vw 10.7692307692vw 4.358974359vw 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .fresh2025Btn--mid {
    min-width: 23.8rem;
    padding: 1.7rem 4.2rem 1.7rem 2rem;
  }
}
.fresh2025Btn--mid::after {
  width: 5.641025641vw;
  height: 2.0512820513vw;
}
@media screen and (min-width: 64em) {
  .fresh2025Btn--mid::after {
    width: 2.2rem;
    height: 0.8rem;
  }
}

.fresh2025Btn--sm {
  font-size: 2.5641025641vw;
  padding: 1.7948717949vw 8.0769230769vw 1.7948717949vw 4.5641025641vw;
  min-width: initial;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .fresh2025Btn--sm {
    font-size: 1rem;
    padding: 0.7rem 3.15rem 0.7rem 1.78rem;
  }
}
.fresh2025Btn--sm::after {
  width: 3.0769230769vw;
  height: 1.0256410256vw;
}
@media screen and (min-width: 64em) {
  .fresh2025Btn--sm::after {
    width: 1.2rem;
    height: 0.4rem;
  }
}

.fresh2025Btn--white {
  color: #fff;
  border: 0.2564102564vw solid #fff;
}
@media screen and (min-width: 64em) {
  .fresh2025Btn--white {
    border: 0.1rem solid #fff;
  }
}
.fresh2025Btn--white::after {
  background-image: url(../assets/img/fresh2025/icon_arrow_white.svg);
}
.fresh2025Btn--white:visited, .fresh2025Btn--white:focus {
  color: #fff;
}

.l-kv {
  overflow: hidden;
}
.kv__main {
  position: relative;
}

.kv__ttlWrapper {
  position: absolute;
  z-index: 10;
  top: 6.6666666667vw;
  left: 0;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .kv__ttlWrapper {
    top: 2.6rem;
  }
}

.kv__ttl {
  width: 80.7692307692vw;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .kv__ttl {
    width: 31.5rem;
  }
}

.kv__txtWrapper {
  position: absolute;
  z-index: 10;
  top: 41.0256410256vw;
  right: 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .kv__txtWrapper {
    top: 16rem;
    right: 4rem;
  }
}

.kv_txt {
  width: 15.8974358974vw;
}
@media screen and (min-width: 64em) {
  .kv_txt {
    width: 6.2rem;
  }
}

.kvMovie {
  position: relative;
  width: 100%;
  height: 178.9743589744vw;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .kvMovie {
    height: 69.8rem;
  }
}

.kvMovie video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.l-lead {
  position: relative;
  padding-top: 16.4102564103vw;
  padding-bottom: 16.4102564103vw;
  background-image: url(../assets/img/fresh2025/lead_bg_02.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 0 !important;
}
@media screen and (min-width: 64em) {
  .l-lead {
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
  }
}

.l-lead__inner {
  z-index: 10;
  padding-left: 12.8205128205vw;
  padding-right: 12.8205128205vw;
}
@media screen and (min-width: 64em) {
  .l-lead__inner {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.lead__txtBox {
  margin-bottom: 2.5641025641vw;
}
@media screen and (min-width: 64em) {
  .lead__txtBox {
    margin-bottom: 1rem;
  }
}

.lead__txt {
  margin-bottom: 10.2564102564vw;
  font-size: 5.1282051282vw;
  font-family: "Zen Old Mincho", serif;
  color: #CC8686;
  line-height: 1.9;
}
@media screen and (min-width: 64em) {
  .lead__txt {
    margin-bottom: 4rem;
    font-size: 2rem;
  }
}

.lead__txt:last-child {
  margin-bottom: 0;
}

.lead__label {
  width: 30.7692307692vw;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .lead__label {
    width: 12rem;
  }
}

.lead__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.lead__bg img {
  width: 100%;
}

.leadImgBox {
  position: relative;
  padding-top: 9.7435897436vw;
}
@media screen and (min-width: 64em) {
  .leadImgBox {
    padding-top: 3.8rem;
  }
}

.leadImgBox__left {
  position: absolute;
  top: 0;
  left: 0;
  width: 42.3076923077vw;
  overflow: hidden;
  border-radius: 0 2.5641025641vw 2.5641025641vw 0;
}
@media screen and (min-width: 64em) {
  .leadImgBox__left {
    width: 16.5rem;
    border-radius: 0 1rem 1rem 0;
  }
}

.leadImgBox__right {
  width: 51.2820512821vw;
  overflow: hidden;
  border-radius: 2.5641025641vw 0 0 2.5641025641vw;
  margin-left: auto;
}
@media screen and (min-width: 64em) {
  .leadImgBox__right {
    width: 20rem;
    border-radius: 1rem 0 0 1rem;
  }
}

.l-giftSec {
  padding-top: 10.2564102564vw;
  padding-bottom: 10.2564102564vw;
  background-image: url(../assets/img/fresh2025/gift_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
@media screen and (min-width: 64em) {
  .l-giftSec {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.l-giftSec__header {
  margin-bottom: 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .l-giftSec__header {
    margin-bottom: 4rem;
  }
}

.giftSec__label {
  width: 87.1794871795vw;
  margin: 0 auto 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .giftSec__label {
    width: 34rem;
    margin-bottom: 2rem;
  }
}

.giftSec__ttl {
  width: 60.7692307692vw;
  margin: 0 auto 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .giftSec__ttl {
    width: 23.7rem;
    margin-bottom: 2rem;
  }
}

.giftSec__lead {
  font-size: 4.1025641026vw;
  font-family: "Zen Old Mincho", serif;
  color: #fff;
  text-align: center;
  line-height: 1.8;
}
@media screen and (min-width: 64em) {
  .giftSec__lead {
    font-size: 1.6rem;
  }
}

.giftSecCards {
  width: 74.358974359vw;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .giftSecCards {
    width: 29rem;
  }
}

.giftSecCard {
  margin-bottom: 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .giftSecCard {
    margin-bottom: 4rem;
  }
}

.giftSecCard:last-child {
  margin-bottom: 0;
}

.giftSecCard__ttl {
  margin: 0 auto 4.1025641026vw;
  font-size: 5.1282051282vw;
  font-weight: 700;
  font-family: "Zen Old Mincho", serif;
  border: 0.2564102564vw solid #fff;
  border-radius: 256.4102564103vw;
  text-align: center;
  line-height: 1.9;
  color: #fff;
  mix-blend-mode: overlay;
}
@media screen and (min-width: 64em) {
  .giftSecCard__ttl {
    margin-bottom: 1.6rem;
    font-size: 2rem;
    border: 0.1rem solid #fff;
    border-radius: 100rem;
  }
}

.giftSecCard__img {
  margin-bottom: 2.0512820513vw;
  border-radius: 1.0256410256vw;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .giftSecCard__img {
    margin-bottom: 0.8rem;
    border-radius: 0.4rem;
  }
}

.giftSecCard__img img {
  -webkit-transform: scale(1.005);
          transform: scale(1.005);
}

.giftSecCard__txt {
  font-size: 3.5897435897vw;
  font-family: "Zen Kaku Gothic New", serif;
  text-align: center;
  line-height: 1.5;
  color: #fff;
}
@media screen and (min-width: 64em) {
  .giftSecCard__txt {
    font-size: 1.4rem;
  }
}

.l-giftSec__body {
  padding: 0 6.0256410256vw;
}
@media screen and (min-width: 64em) {
  .l-giftSec__body {
    padding: 0 2.35rem;
  }
}

.giftSec__movie {
  position: relative;
  width: 87.1794871795vw;
  height: 154.8717948718vw;
  overflow: hidden;
  margin: 0 0 10.2564102564vw;
  pointer-events: none;
}
@media screen and (min-width: 64em) {
  .giftSec__movie {
    width: 34rem;
    height: 60.4rem;
    margin-bottom: 4rem;
  }
}

.giftSec__movie iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 87.1794871795vw;
  height: 154.8717948718vw;
}
@media screen and (min-width: 64em) {
  .giftSec__movie iframe {
    width: 34rem;
    height: 60.4rem;
  }
}

.giftSecBox {
  position: relative;
  width: 81.5384615385vw;
  margin: 0 auto;
  padding: 10.7692307692vw 8.2051282051vw 6.1538461538vw;
}
@media screen and (min-width: 64em) {
  .giftSecBox {
    width: 31.8rem;
    padding: 4.2rem 3.2rem 2.4rem;
  }
}

.giftSecBox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.2564102564vw solid rgba(255, 255, 255, 0.2);
  border-radius: 2.5641025641vw;
  clip-path: polygon(0% 0%, 14% 0, 14% 5%, 86% 5%, 86% 0, 100% 0, 100% 100%, 0 100%);
}
@media screen and (min-width: 64em) {
  .giftSecBox::before {
    border: 0.1rem solid rgba(255, 255, 255, 0.2);
    border-radius: 1rem;
  }
}

.giftSecBox__header {
  position: absolute;
  top: -5.1282051282vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
@media screen and (min-width: 64em) {
  .giftSecBox__header {
    top: -2rem;
  }
}

.giftSecBox__body {
  position: relative;
  z-index: 10;
  font-size: 3.5897435897vw;
  line-height: 1.6;
  color: #fff;
}
@media screen and (min-width: 64em) {
  .giftSecBox__body {
    font-size: 1.4rem;
  }
}

.giftSecBox__ttl {
  display: inline-block;
  padding: 2.1794871795vw 6.1538461538vw;
  border: 0.1025641026vw solid #fff;
  border-radius: 256.4102564103vw;
  white-space: nowrap;
  font-size: 4.6153846154vw;
  line-height: 1;
  color: #fff;
  font-family: "Zen Old Mincho", serif;
}
@media screen and (min-width: 64em) {
  .giftSecBox__ttl {
    padding: 0.85rem 2.4rem;
    border: 0.04rem solid #fff;
    border-radius: 100rem;
    font-size: 1.8rem;
  }
}

.giftSecBox__label {
  width: 34.1025641026vw;
  margin: 0 auto 1.5384615385vw;
}
@media screen and (min-width: 64em) {
  .giftSecBox__label {
    width: 13.3rem;
    margin-bottom: 0.6rem;
  }
}

.giftSecBox__txt {
  text-align: center;
  margin-bottom: 4.1025641026vw;
}
@media screen and (min-width: 64em) {
  .giftSecBox__txt {
    margin-bottom: 1.6rem;
  }
}

.giftSecBox__img {
  margin-bottom: 5.1282051282vw;
  border-radius: 1.2820512821vw;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .giftSecBox__img {
    margin-bottom: 2rem;
    border-radius: 0.5rem;
  }
}

.giftSecBox__btn {
  text-align: center;
}

.giftSecBox__note {
  margin-bottom: 2.0512820513vw;
}
@media screen and (min-width: 64em) {
  .giftSecBox__note {
    margin-bottom: 0.8rem;
  }
}

.l-style__top {
  position: relative;
  padding-top: 10.2564102564vw;
  padding-bottom: 14.358974359vw;
}
@media screen and (min-width: 64em) {
  .l-style__top {
    padding-top: 4rem;
    padding-bottom: 5.6rem;
  }
}

.l-styleBlock__top {
  position: relative;
}

.l-styleBlock__bottom {
  position: relative;
  padding-top: 8.2051282051vw;
  padding-bottom: 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .l-styleBlock__bottom {
    padding-top: 3.2rem;
    padding-bottom: 4rem;
  }
}

.styleSec__ttl {
  width: 77.4358974359vw;
  margin: 0 auto 6.1538461538vw;
}
@media screen and (min-width: 64em) {
  .styleSec__ttl {
    width: 30.2rem;
    margin-bottom: 2.4rem;
  }
}

.styleNavCards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 5.1282051282vw;
  margin-bottom: 0;
}
@media screen and (min-width: 64em) {
  .styleNavCards {
    padding: 0 2rem;
  }
}

.styleNavCard {
  width: 47.4%;
}

.styleNavCard__img {
  margin-bottom: 4.1025641026vw;
}
@media screen and (min-width: 64em) {
  .styleNavCard__img {
    margin-bottom: 1.6rem;
  }
}

.styleNavCard__txt {
  font-size: 3.5897435897vw;
  font-family: "Zen Kaku Gothic New", serif;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 64em) {
  .styleNavCard__txt {
    font-size: 1.4rem;
  }
}

.styleNavCard__btn {
  position: relative;
  display: block;
  width: 31.0256410256vw;
  margin: 0 auto;
  margin-top: 4.1025641026vw;
  padding: 3.0769230769vw 4.1025641026vw 3.8461538462vw;
  background: #434339;
  color: #fff !important;
  border-radius: 0.5128205128vw;
  font-size: 3.5897435897vw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 64em) {
  .styleNavCard__btn {
    width: 12.1rem;
    margin-top: 1.6rem;
    border-radius: 0.5128205128vw;
    padding: 1.2rem 1.6rem 1.5rem;
    font-size: 1.4rem;
  }
}

.styleNavCard__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4.1025641026vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3.5897435897vw;
  height: 1.5384615385vw;
  margin-top: 0.2564102564vw;
  background-image: url(../assets/img/fresh2025/icon_arrow_white_02.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 64em) {
  .styleNavCard__btn::after {
    right: 1.6rem;
    width: 1.4rem;
    height: 0.6rem;
    margin-bottom: 0.1rem;
  }
}

.styleBlock__ttlBox {
  position: absolute;
  z-index: 10;
  bottom: 10.2564102564vw;
  right: 3.5897435897vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 64em) {
  .styleBlock__ttlBox {
    bottom: 4rem;
    right: 1.4rem;
  }
}

.styleBlock__ttl {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-align: left;
  margin: 0;
}

.styleBlock__ttl span {
  display: block;
  font-size: 4.6153846154vw;
  font-weight: 500;
  white-space: pre;
  font-family: "Zen Kaku Gothic New", serif;
  color: #fff;
  line-height: 1.05;
  margin: 0 2.3076923077vw;
}
@media screen and (min-width: 64em) {
  .styleBlock__ttl span {
    font-size: 1.8rem;
    margin: 0 0.9rem;
  }
}

.styleBlock__ttlBox--02 {
  bottom: 5.1282051282vw;
  right: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .styleBlock__ttlBox--02 {
    bottom: 2rem;
    right: 2rem;
  }
}

.styleBlock__ttlBox--03 {
  bottom: 4.6153846154vw;
  right: 4.6153846154vw;
}
@media screen and (min-width: 64em) {
  .styleBlock__ttlBox--03 {
    bottom: 1.8rem;
    right: 1.8rem;
  }
}
.styleBlock__ttlBox--03 .styleBlock__ttl span {
  font-size: 4.1025641026vw;
}
@media screen and (min-width: 64em) {
  .styleBlock__ttlBox--03 .styleBlock__ttl span {
    font-size: 1.6rem;
  }
}

.styleDesc {
  overflow: hidden;
  margin-bottom: 16.4102564103vw;
}
@media screen and (min-width: 64em) {
  .styleDesc {
    margin-bottom: 6.4rem;
  }
}

.styleDesc__header {
  margin-bottom: 8.2051282051vw;
}
@media screen and (min-width: 64em) {
  .styleDesc__header {
    margin-bottom: 3.2rem;
  }
}

.styleDesc__num {
  width: 11.9487179487vw;
  margin: 0 auto 3.0769230769vw;
}
@media screen and (min-width: 64em) {
  .styleDesc__num {
    width: 4.66rem;
    margin-bottom: 1.2rem;
  }
}

.styleDesc__num--02 {
  width: 16.4102564103vw;
}
@media screen and (min-width: 64em) {
  .styleDesc__num--02 {
    width: 6.4rem;
  }
}

.styleDesc__label {
  color: #BAB1A7;
  font-size: 3.5897435897vw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: center;
  font-family: "Zen Old Mincho", serif;
}
@media screen and (min-width: 64em) {
  .styleDesc__label {
    font-size: 1.4rem;
  }
}

.styleItem__top {
  position: relative;
  padding-bottom: 12.3076923077vw;
}
@media screen and (min-width: 64em) {
  .styleItem__top {
    padding-bottom: 4.8rem;
  }
}

.styleItem__img {
  width: 74.358974359vw;
  margin-left: auto;
  overflow: hidden;
  border-radius: 2.5641025641vw 0 0 2.5641025641vw;
}
@media screen and (min-width: 64em) {
  .styleItem__img {
    width: 29rem;
    border-radius: 1rem 0 0 1rem;
  }
}

.styleItem__product {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 41.0256410256vw;
}
@media screen and (min-width: 64em) {
  .styleItem__product {
    width: 16rem;
  }
}

.styleItem__ttl {
  margin-bottom: 4.1025641026vw;
  font-size: 6.6666666667vw;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .styleItem__ttl {
    margin-bottom: 1.6rem;
    font-size: 2.6rem;
  }
}

.styleItemPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1.0256410256vw;
  margin-bottom: 4.1025641026vw;
  font-family: "Noto Sans", sans-serif;
}
@media screen and (min-width: 64em) {
  .styleItemPrice {
    margin-bottom: 1.6rem;
    gap: 0.4rem;
  }
}

.styleItemPrice__nam {
  font-size: 5.1282051282vw;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .styleItemPrice__nam {
    font-size: 2rem;
  }
}

.styleItemPrice__label {
  font-size: 3.0769230769vw;
  color: #818181;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .styleItemPrice__label {
    font-size: 1.2rem;
  }
}

.styleItem__color {
  margin-bottom: 6.1538461538vw;
}
@media screen and (min-width: 64em) {
  .styleItem__color {
    margin-bottom: 2.4rem;
  }
}

.styleItem__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.5641025641vw;
  margin-bottom: 8.2051282051vw;
}
@media screen and (min-width: 64em) {
  .styleItem__tags {
    gap: 1rem;
    margin-bottom: 3.2rem;
  }
}

.styleItemTag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5128205128vw;
  padding: 0.2564102564vw 2.0512820513vw;
  background: #D7CFC6;
  border-radius: 256.4102564103vw;
  font-size: 3.0769230769vw;
  color: #595959;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 64em) {
  .styleItemTag {
    padding: 0.1rem 0.8rem;
    border-radius: 100rem;
    font-size: 1.2rem;
    gap: 0.2rem;
  }
}

.styleItemTag::before {
  content: "";
  display: inline-block;
  width: 3.0769230769vw;
  height: 3.0769230769vw;
  margin-bottom: 0.5128205128vw;
  background-image: url(../assets/img/fresh2025/icon_check.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 64em) {
  .styleItemTag::before {
    width: 1.2rem;
    height: 1.2rem;
    margin-bottom: 0.2rem;
  }
}

.styleItemCard {
  margin: 0 4.1025641026vw;
  line-height: 1.4;
}
@media screen and (min-width: 64em) {
  .styleItemCard {
    margin: 0 1.6rem;
  }
}

.styleItemCard__img {
  overflow: hidden;
  margin-bottom: 6.1538461538vw;
  border-radius: 0.7051282051vw;
}
@media screen and (min-width: 64em) {
  .styleItemCard__img {
    margin-bottom: 2.4rem;
    border-radius: 0.275rem;
  }
}

.styleItemCard__ttl {
  margin-bottom: 2.0512820513vw;
  font-size: 4.6153846154vw;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 64em) {
  .styleItemCard__ttl {
    margin-bottom: 0.8rem;
    font-size: 1.8rem;
  }
}

.styleItemCard__txt {
  font-size: 3.5897435897vw;
  line-height: 1.4;
}
@media screen and (min-width: 64em) {
  .styleItemCard__txt {
    font-size: 1.4rem;
  }
}

.styleItem__btn {
  margin-top: 8.2051282051vw;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .styleItem__btn {
    margin-top: 3.2rem;
  }
}

.styleRecommend {
  padding: 0 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .styleRecommend {
    padding: 0 2rem;
  }
}

.styleRecommend__header {
  margin-bottom: 8.2051282051vw;
}
@media screen and (min-width: 64em) {
  .styleRecommend__header {
    margin-bottom: 3.2rem;
  }
}

.styleRecommend__ttl {
  font-size: 5.1282051282vw;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .styleRecommend__ttl {
    font-size: 2rem;
  }
}

.styleRecCards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 4.1025641026vw;
}
@media screen and (min-width: 64em) {
  .styleRecCards {
    gap: 1.6rem;
  }
}

.styleRecCard {
  background: #fff;
  overflow: hidden;
  border-radius: 1.0256410256vw;
}
@media screen and (min-width: 64em) {
  .styleRecCard {
    border-radius: 0.4rem;
  }
}

.styleRecCard__img {
  overflow: hidden;
  border-radius: 0 0 1.0256410256vw 1.0256410256vw;
}
@media screen and (min-width: 64em) {
  .styleRecCard__img {
    border-radius: 0 0 0.4rem 0.4rem;
  }
}

.styleRecCard__body {
  padding: 4.1025641026vw;
}
@media screen and (min-width: 64em) {
  .styleRecCard__body {
    padding: 1.6rem;
  }
}

.styleRecCard__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 12.3076923077vw;
  margin-bottom: 1.0256410256vw;
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .styleRecCard__ttl {
    min-height: 4.8rem;
    margin-bottom: 0.4rem;
    font-size: 1.6rem;
  }
}

.styleRecPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1.0256410256vw;
  margin-bottom: 2.0512820513vw;
  font-family: "Noto Sans", sans-serif;
}
@media screen and (min-width: 64em) {
  .styleRecPrice {
    margin-bottom: 0.8rem;
    gap: 0.4rem;
  }
}

.styleRecPrice__num {
  font-size: 3.0769230769vw;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .styleRecPrice__num {
    font-size: 1.2rem;
  }
}

.styleRecPrice__label {
  padding-bottom: 0.2564102564vw;
  font-size: 2.5641025641vw;
  color: #818181;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .styleRecPrice__label {
    padding-bottom: 0.1rem;
    font-size: 1rem;
  }
}

.styleRecommend__btn {
  margin-top: 8.2051282051vw;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .styleRecommend__btn {
    margin-top: 3.2rem;
  }
}

.styleSecBtns {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 5.1282051282vw;
  padding-left: 4.1025641026vw;
  z-index: 100;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 64em) {
  .styleSecBtns {
    padding-top: 2rem;
    padding-left: 1.6rem;
  }
}

.styleSecBtns.is-hide {
  opacity: 0;
  visibility: hidden;
}

.styleSecBtns.is-fixed {
  position: fixed;
}
@media screen and (min-width: 64em) {
  .styleSecBtns.is-fixed {
    left: calc((100% - 390px) / 2);
  }
}

.styleSecBtns__list {
  width: 24.1025641026vw;
}
@media screen and (min-width: 64em) {
  .styleSecBtns__list {
    width: 9.4rem;
  }
}

.styleSecBtns__item {
  margin-bottom: 2.0512820513vw;
}
@media screen and (min-width: 64em) {
  .styleSecBtns__item {
    margin-bottom: 0.8rem;
  }
}

.styleSecBtns__link {
  display: inline-block;
  border: 0.2564102564vw solid #696464;
  border-radius: 230.7692307692vw;
  background: #fff;
  padding: 1.5384615385vw 6.4102564103vw;
  color: #696464;
  font-size: 3.5897435897vw;
  font-family: "Zen Old Mincho", serif;
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 64em) {
  .styleSecBtns__link {
    border: 0.1rem solid #696464;
    border-radius: 9rem;
    padding: 0.6rem 2.5rem;
    font-size: 1.4rem;
  }
}

.styleSecBtns__link.is-current {
  background: #735454;
  color: #fff;
}

.l-recommend {
  background: #fff;
}

.l-recommend__header {
  position: relative;
}

.l-recommend__body {
  padding-top: 6.1538461538vw;
  padding-bottom: 12.3076923077vw;
}
@media screen and (min-width: 64em) {
  .l-recommend__body {
    padding-top: 2.4rem;
    padding-bottom: 4.8rem;
  }
}

.recommendSec__btn {
  margin-top: 8.2051282051vw;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .recommendSec__btn {
    margin-top: 3.2rem;
  }
}

.recommendSec__cards {
  width: 89.7435897436vw;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .recommendSec__cards {
    width: 35rem;
  }
}

.recommendCard {
  margin-bottom: 4.1025641026vw;
  background: #F5F1EC;
}
@media screen and (min-width: 64em) {
  .recommendCard {
    margin-bottom: 1.6rem;
  }
}

.recommendCard:last-child {
  margin-bottom: 0;
}

.recommendCard__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.recommendCard__left {
  width: 48.8%;
}

.recommendCard__right {
  width: 51.2%;
  padding: 4.1025641026vw 2.5641025641vw 4.1025641026vw 4.6153846154vw;
}
@media screen and (min-width: 64em) {
  .recommendCard__right {
    padding: 1.6rem 1rem 1.6rem 1.8rem;
  }
}

.recommendCard__img {
  height: 100%;
}

.recommendCard__img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.recommendCard__color .colorList {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.recommendCard__label {
  margin-bottom: 2.0512820513vw;
  font-size: 3.0769230769vw;
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 64em) {
  .recommendCard__label {
    margin-bottom: 0.8rem;
    font-size: 1.2rem;
  }
}

.recommendCard__ttl {
  margin-top: 0;
  margin-bottom: 2.5641025641vw;
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (min-width: 64em) {
  .recommendCard__ttl {
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }
}

.recommendCardPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1.0256410256vw;
  margin-bottom: 2.5641025641vw;
  font-family: "Noto Sans", sans-serif;
}
@media screen and (min-width: 64em) {
  .recommendCardPrice {
    margin-bottom: 1rem;
    gap: 0.4rem;
  }
}

.recommendCardPrice__num {
  font-size: 3.5897435897vw;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .recommendCardPrice__num {
    font-size: 1.4rem;
  }
}

.recommendCardPrice__label {
  font-size: 2.5641025641vw;
  color: #818181;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .recommendCardPrice__label {
    font-size: 1rem;
  }
}

.recommendCard__btn {
  margin-top: 2.5641025641vw;
}
@media screen and (min-width: 64em) {
  .recommendCard__btn {
    margin-top: 1rem;
  }
}

.l-serviceSec {
  background: #EFEFEF;
  overflow: hidden;
}

.l-serviceSec__header {
  position: relative;
}
.serviceSec__img {
  width: 100%;
}

.serviceSec__pattern {
  position: absolute;
  top: 50%;
  left: -29.2307692308vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 102.5641025641vw;
  z-index: 20;
}
@media screen and (min-width: 64em) {
  .serviceSec__pattern {
    left: -11.4rem;
    width: 40rem;
  }
}

.serviceSec__txtBox {
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 20.5128205128vw;
}
@media screen and (min-width: 64em) {
  .serviceSec__txtBox {
    top: 8rem;
  }
}

.serviceSec__ttl {
  width: 55.8974358974vw;
  margin: 0 auto 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .serviceSec__ttl {
    width: 21.8rem;
    margin-bottom: 2rem;
  }
}

.serviceSec__lead {
  font-size: 4.1025641026vw;
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  color: rgba(35, 33, 28, 0.8);
  text-align: center;
  line-height: 1.8;
}
@media screen and (min-width: 64em) {
  .serviceSec__lead {
    font-size: 1.6rem;
  }
}

.l-serviceBlock {
  padding-bottom: 16.4102564103vw;
}
@media screen and (min-width: 64em) {
  .l-serviceBlock {
    padding-bottom: 6.4rem;
  }
}

.serviceBlock__imgWrapper {
  position: relative;
}

.l-serviceSec__body {
  padding: 0 5.1282051282vw;
  position: relative;
  z-index: 30;
}
@media screen and (min-width: 64em) {
  .l-serviceSec__body {
    padding: 0 2rem;
  }
}

.l-serviceBlock__header {
  margin-bottom: 4.1025641026vw;
}
@media screen and (min-width: 64em) {
  .l-serviceBlock__header {
    margin-bottom: 1.6rem;
  }
}

.l-serviceBlock__body {
  width: 74.358974359vw;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .l-serviceBlock__body {
    width: 29rem;
  }
}

.serviceBlock__txt {
  font-size: 3.5897435897vw;
  line-height: 1.7142857143;
}
@media screen and (min-width: 64em) {
  .serviceBlock__txt {
    font-size: 1.4rem;
  }
}

.serviceBoxes {
  margin-top: 12.3076923077vw;
}
@media screen and (min-width: 64em) {
  .serviceBoxes {
    margin-top: 4.8rem;
  }
}

.serviceBox {
  margin-bottom: 12.3076923077vw;
}
@media screen and (min-width: 64em) {
  .serviceBox {
    margin-bottom: 4.8rem;
  }
}

.serviceBox__header {
  margin-bottom: 4.1025641026vw;
}
@media screen and (min-width: 64em) {
  .serviceBox__header {
    margin-bottom: 1.6rem;
  }
}

.serviceBox__label {
  margin-bottom: 1.0256410256vw;
  font-size: 3.5897435897vw;
  line-height: 1.7142857143;
  color: #BAB1A7;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .serviceBox__label {
    margin-bottom: 0.4rem;
    font-size: 1.4rem;
    line-height: 1.7;
  }
}

.serviceBox__ttl {
  margin: 0 auto;
  font-size: 6.1538461538vw;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .serviceBox__ttl {
    font-size: 2.4rem;
  }
}

.serviceBox__img {
  margin-top: 4.1025641026vw;
}
@media screen and (min-width: 64em) {
  .serviceBox__img {
    margin-top: 1.6rem;
  }
}

.serviceBox__img img {
  width: 100%;
}

.serviceBox__txtBox {
  margin-bottom: 4.1025641026vw;
}
@media screen and (min-width: 64em) {
  .serviceBox__txtBox {
    margin-bottom: 1.6rem;
  }
}

.serviceBox__txt {
  font-size: 3.5897435897vw;
  line-height: 1.7142857143;
}
@media screen and (min-width: 64em) {
  .serviceBox__txt {
    font-size: 1.4rem;
  }
}

.servicePrice {
  background: #F8F8F8;
  padding: 2.0512820513vw 2.5641025641vw;
  border-radius: 2.0512820513vw;
}
@media screen and (min-width: 64em) {
  .servicePrice {
    padding: 0.8rem 1rem;
    border-radius: 0.8rem;
  }
}

.servicePrice__list {
  margin: 0;
}

.servicePrice__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 3.5897435897vw;
  margin-bottom: 2.5641025641vw;
  font-size: 3.5897435897vw;
  line-height: 1.7142857143;
}
@media screen and (min-width: 64em) {
  .servicePrice__item {
    margin-bottom: 1rem;
    gap: 1.4rem;
    font-size: 1.4rem;
  }
}

.servicePrice__item:last-child {
  margin-bottom: 0;
}

.servicePrice__ttl {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.servicePrice__line {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.servicePrice__line::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  height: 0.2564102564vw;
  border-top: 0.2564102564vw dashed #23211C;
}
@media screen and (min-width: 64em) {
  .servicePrice__line::after {
    height: 0.1rem;
    border-top: 0.1rem dashed #23211C;
  }
}

.servicePrice__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.servicePriceNum__label {
  font-size: 2.5641025641vw;
}
@media screen and (min-width: 64em) {
  .servicePriceNum__label {
    font-size: 1rem;
  }
}

.servicePrice__note {
  margin-top: 2.5641025641vw;
  font-size: 3.0769230769vw;
  line-height: 2;
}
@media screen and (min-width: 64em) {
  .servicePrice__note {
    margin-top: 1rem;
    font-size: 1.2rem;
  }
}

.serviceBox__btn {
  margin-top: 12.3076923077vw;
}
@media screen and (min-width: 64em) {
  .serviceBox__btn {
    margin-top: 4.8rem;
  }
}

.serviceBlock__content {
  margin-top: 4.1025641026vw;
}
@media screen and (min-width: 64em) {
  .serviceBlock__content {
    margin-top: 1.6rem;
  }
}

.l-showroom {
  padding-top: 11.7948717949vw;
  padding-bottom: 16.4102564103vw;
  background: #8B847C;
}
@media screen and (min-width: 64em) {
  .l-showroom {
    padding-top: 4.6rem;
    padding-bottom: 6.4rem;
  }
}

.l-showroom__header {
  margin-bottom: 4.1025641026vw;
  padding: 0 6.1538461538vw;
}
@media screen and (min-width: 64em) {
  .l-showroom__header {
    margin-bottom: 1.6rem;
    padding: 0 2.4rem;
  }
}

.showroomSec__label {
  margin-bottom: 2.0512820513vw;
  font-size: 3.0769230769vw;
  color: #fff;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 64em) {
  .showroomSec__label {
    margin-bottom: 0.8rem;
    font-size: 1.2rem;
  }
}

.showroomSec__ttl {
  width: 76.4102564103vw;
  margin: 0 auto 6.1538461538vw;
}
@media screen and (min-width: 64em) {
  .showroomSec__ttl {
    width: 29.8rem;
    margin-bottom: 2.4rem;
  }
}

.showroomSec__img {
  width: 87.6923076923vw;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .showroomSec__img {
    width: 34.2rem;
  }
}

.showroomSec__img img {
  width: 100%;
}

.showroomSec__btn {
  margin-top: 8.2051282051vw;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .showroomSec__btn {
    margin-top: 3.2rem;
  }
}
/*# sourceMappingURL=fresh2025.css.map */
