@charset "UTF-8";
/*Base*/
@media screen and (min-width: 660px) {
  .u-sp_dispBlock, .u-sp_dispInBlock, .u-sp_dispInline, .u-sp_dispFlex {
    display: none;
  }
  .u-pc_dispBlock {
    display: block;
  }
  .u-pc_dispInBlock {
    display: inline-block;
  }
  .u-pc_dispInline {
    display: inline;
  }
  .u-pc_dispFlex {
    display: flex;
  }
  .u-tab_dispBlock {
    display: none;
  }
  .u-tabsp_dispBlock {
    display: none;
  }
  .u-nottab_dispBlock {
    display: block;
  }
  .u-notsp_dispBlock {
    display: block;
  }
}
@media screen and (min-width: 660px) and (max-width: 1280px) {
  .u-pc_dispInline {
    display: inline;
  }
  .u-tab_dispBlock {
    display: block;
  }
  .u-tabsp_dispBlock {
    display: block;
  }
  .u-pc_dispBlock {
    display: none;
  }
  .u-nottab_dispBlock {
    display: none;
  }
  .u-notsp_dispBlock {
    display: block;
  }
}
@media screen and (max-width: 659px) {
  .u-tab_dispBlock {
    display: none;
  }
  .u-pc_dispBlock, .u-pc_dispInBlock, .u-pc_dispInline, .u-pc_dispFlex {
    display: none;
  }
  .u-sp_dispBlock {
    display: block;
  }
  .u-sp_dispInBlock {
    display: inline-block;
  }
  .u-sp_dispInline {
    display: inline;
  }
  .u-sp_dispFlex {
    display: flex;
  }
  .u-tabsp_dispBlock {
    display: block;
  }
  .u-nottab_dispBlock {
    display: block;
  }
  .u-notsp_dispBlock {
    display: none;
  }
}
.c-ttl {
  text-align: center;
}
.c-ttl__sub {
  display: block;
  letter-spacing: 0rem;
  font-size: 2.0356234097rem;
  line-height: 1;
  font-weight: 400;
  color: #F08330;
  margin-bottom: 33.0788804071px;
  position: relative;
  font-family: futura-pt, yu-gothic-pr6n, "游ゴシック体", YuGothic, "游ゴシック Medium", sans-serif;
}
@media screen and (max-width: 659px) {
  .c-ttl__sub {
    font-size: 4.0712468193vw;
    letter-spacing: 0vw;
    line-height: 1;
  }
}
@media screen and (max-width: 659px) {
  .c-ttl__sub {
    margin-bottom: 6.6157760814vw;
  }
}
.c-ttl__sub::after {
  position: absolute;
  content: "";
  border-radius: 50%;
  background-color: #F08330;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -18px;
  width: 12px;
  height: 12px;
  bottom: -28px;
}
@media screen and (max-width: 659px) {
  .c-ttl__sub::after {
    width: 1.5267175573vw;
    height: 1.5267175573vw;
    bottom: -3.5623409669vw;
  }
}
.c-ttl__main {
  letter-spacing: 0rem;
  font-size: 3.5623409669rem;
  line-height: 1.5;
  font-weight: 600;
  color: #F08330;
  margin-bottom: 24px;
}
@media screen and (max-width: 659px) {
  .c-ttl__main {
    font-size: 7.1246819338vw;
    letter-spacing: 0vw;
    line-height: 1.5;
  }
}
.c-ttl__main sup {
  font-weight: 400;
}
@media screen and (max-width: 659px) {
  .c-ttl__main {
    margin-bottom: 6.106870229vw;
  }
}
.c-offer {
  width: 89.8218829517%;
  margin: 76.3358778626px auto 0;
}
@media screen and (max-width: 659px) {
  .c-offer {
    margin: 15.2671755725vw auto 0;
  }
}
.c-offer-tabs {
  display: flex;
  align-items: end;
  height: 77.6081424936px;
}
@media screen and (max-width: 659px) {
  .c-offer-tabs {
    height: 15.5216284987vw;
  }
}
.c-offer-tab {
  width: 50%;
  text-align: center;
  letter-spacing: 0.002rem;
  font-size: 2.2900763359rem;
  line-height: 1;
  padding: 17.8117048346px 0 15.2671755725px;
  font-weight: 600;
  background-color: #E5E5E5;
  transition: all 0.3s ease;
}
@media screen and (max-width: 659px) {
  .c-offer-tab {
    font-size: 4.5801526718vw;
    letter-spacing: 0.0054628225vw;
    line-height: 1;
  }
}
@media screen and (max-width: 659px) {
  .c-offer-tab {
    padding: 3.5623409669vw 0 3.0534351145vw;
  }
}
.c-offer-tab.teiki {
  color: #fff;
  background-color: #F08330;
  border-radius: 12.7226463104px 0 0 0;
}
@media screen and (max-width: 659px) {
  .c-offer-tab.teiki {
    border-radius: 2.5445292621vw 0 0 0;
  }
}
.c-offer-tab.tsujo {
  border-radius: 0 12.7226463104px 0 0;
}
@media screen and (max-width: 659px) {
  .c-offer-tab.tsujo {
    border-radius: 0 2.5445292621vw 0 0;
  }
}
.c-offer-tab.active {
  letter-spacing: 0.002rem;
  font-size: 3.0534351145rem;
  line-height: 1;
  padding: 22.9007633588px 0 15.2671755725px;
}
@media screen and (max-width: 659px) {
  .c-offer-tab.active {
    font-size: 6.106870229vw;
    letter-spacing: 0.0072837633vw;
    line-height: 1;
  }
}
@media screen and (max-width: 659px) {
  .c-offer-tab.active {
    padding: 4.5801526718vw 0 3.0534351145vw;
  }
}
.c-offer-contents {
  border: solid 3.8167938931px #F08330;
  border-radius: 0 0 12.7226463104px 12.7226463104px;
  padding: 27.989821883px 25.4452926209px 20.3562340967px;
}
@media screen and (max-width: 659px) {
  .c-offer-contents {
    border: solid 0.7633587786vw #F08330;
    padding: 5.5979643766vw 5.0890585242vw 4.0712468193vw;
    border-radius: 0 0 2.5445292621vw 2.5445292621vw;
  }
}
.c-offer-content {
  display: none;
  opacity: 0;
  transition: all 0.3s ease;
}
.c-offer-content.active {
  opacity: 1;
  display: block;
}
.c-offer-btn {
  letter-spacing: 0.002rem;
  font-size: 2.5445292621rem;
  line-height: 1;
  border-radius: 38.1679389313px;
  height: 76.3358778626px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 21.6284987277px;
  font-weight: 600;
}
@media screen and (max-width: 659px) {
  .c-offer-btn {
    font-size: 5.0890585242vw;
    letter-spacing: 0.0060698027vw;
    line-height: 1;
  }
}
@media screen and (max-width: 659px) {
  .c-offer-btn {
    height: 15.2671755725vw;
    border-radius: 7.6335877863vw;
    margin-top: 4.3256997455vw;
  }
}
.c-offer-btn--teiki {
  background-color: #E62F85;
  color: #fff;
}
.c-offer-btn--normal {
  background-color: #fff;
  border: solid 2.5445292621px #F08330;
}
@media screen and (max-width: 659px) {
  .c-offer-btn--normal {
    border: solid 0.5089058524vw #F08330;
  }
}
.c-offer__memo {
  letter-spacing: 0rem;
  font-size: 1.5267175573rem;
  line-height: 1.3333333333;
  padding: 0 26.7175572519px;
  margin-top: 20.3562340967px;
}
@media screen and (max-width: 659px) {
  .c-offer__memo {
    font-size: 3.0534351145vw;
    letter-spacing: 0vw;
    line-height: 1.3333333333;
  }
}
@media screen and (max-width: 659px) {
  .c-offer__memo {
    padding: 0 5.3435114504vw;
    margin-top: 4.0712468193vw;
  }
}
.c-offer__memo ul {
  padding-left: p-calc(17);
}
@media screen and (max-width: 659px) {
  .c-offer__memo ul {
    padding-left: 4.3256997455vw;
  }
}
.c-offer__memo ul li {
  list-style: disc;
}
.c-btn {
  transition: opacity 0.35s ease;
}
.c-btn:hover {
  opacity: 0.7;
}

.accent-color {
  color: #E62F85;
}

/* CSS Document */
body {
  padding-top: 0;
}
.footerWrap {
  display: none;
}

#saji-header {
  left: 0;
  right: 0;
  margin: 0 auto;
  height: unset;
  position: static;
  background-color: #fff;
}
#saji-header img {
  max-width: 393px;
  width: 100%;
  margin: 0 auto;
}
#saji-header::before {
  content: none;
}

.ten {
  font-family: ten-mincho, serif;
}

.futura {
  font-family: futura-pt, yu-gothic-pr6n, "游ゴシック体", YuGothic, "游ゴシック Medium", sans-serif;
}

.splide {
  opacity: 0;
  transition: opacity 1.3s ease-in-out;
  position: relative;
  padding-bottom: 25.4452926209px;
  background-color: #fff;
}
@media screen and (max-width: 659px) {
  .splide {
    padding-bottom: 5.0890585242vw;
  }
}
.splide.is-active {
  opacity: 1;
}
.splide__pagination {
  width: 100%;
  text-align: center;
  margin: auto;
  transform: unset;
  bottom: 12.7226463104px;
}
.splide__pagination__page {
  width: 12.7226463104px;
  height: 12.7226463104px;
  border: solid 1px #E62F85;
  background-color: #fff;
  transform: unset !important;
  margin: 3.8167938931px 6.3613231552px;
}
@media screen and (max-width: 659px) {
  .splide__pagination__page {
    width: 2.5445292621vw;
    height: 2.5445292621vw;
    margin: 0.7633587786vw 1.272264631vw;
  }
}
.splide__pagination__page.is-active {
  width: 12.7226463104px;
  height: 12.7226463104px;
  background-color: #E62F85;
}
@media screen and (max-width: 659px) {
  .splide__pagination__page.is-active {
    width: 2.5445292621vw;
    height: 2.5445292621vw;
  }
}

.scroll {
  display: flex;
  width: 1564.8854961832px;
  position: relative;
  margin-bottom: -127.2264631043px;
  margin-top: 47.0737913486px;
}
@media screen and (max-width: 659px) {
  .scroll {
    margin-bottom: -25.4452926209vw;
    margin-top: 9.4147582697vw;
  }
}
.scroll__item {
  width: 782.4427480916px;
}
@media screen and (max-width: 659px) {
  .scroll__item {
    width: 156.4885496183vw;
  }
}

.saji {
  font-family: yu-gothic-pr6n, "游ゴシック体", YuGothic, "游ゴシック Medium", sans-serif;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  text-align: justify;
  color: #333333;
  font-weight: 300;
  position: relative;
  background-color: #fff;
}
.saji-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 100%;
}
@media screen and (max-width: 659px) {
  .saji-bg {
    display: none;
  }
}
.saji-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.saji sup {
  vertical-align: super;
  font-size: 60%;
}
.saji-note {
  letter-spacing: 0rem;
  font-size: 1.5267175573rem;
  line-height: 1.3333333333;
  padding: 0 10.4325699746%;
  margin-top: 15.2671755725px;
}
@media screen and (max-width: 659px) {
  .saji-note {
    font-size: 3.0534351145vw;
    letter-spacing: 0vw;
    line-height: 1.3333333333;
  }
}
@media screen and (max-width: 659px) {
  .saji-note {
    margin-top: 3.0534351145vw;
  }
}
.saji-product {
  background: center top/100% auto no-repeat var(--bg);
  padding-top: 199.7455470738px;
  padding-bottom: 76.3358778626px;
}
@media screen and (max-width: 659px) {
  .saji-product {
    padding-top: 39.9491094148vw;
    padding-bottom: 15.2671755725vw;
  }
}
.saji-product__text {
  letter-spacing: 0.001rem;
  font-size: 2.2900763359rem;
  line-height: 1.8333333333;
  margin-top: 25.4452926209px;
  padding: 0 54.7073791349px 0 48.3460559796px;
}
@media screen and (max-width: 659px) {
  .saji-product__text {
    font-size: 4.5801526718vw;
    letter-spacing: 0.0027314112vw;
    line-height: 1.8333333333;
  }
}
@media screen and (max-width: 659px) {
  .saji-product__text {
    margin-top: 5.0890585242vw;
    padding: 0 10.941475827vw 0 9.6692111959vw;
  }
}
.saji-product__text .accent-color {
  font-weight: 600;
}
.saji-product__sub-ttl {
  text-align: center;
  letter-spacing: 0.004rem;
  font-size: 3.0534351145rem;
  line-height: 1.625;
  font-weight: 300;
  margin-top: 58.524173028px;
}
@media screen and (max-width: 659px) {
  .saji-product__sub-ttl {
    font-size: 6.106870229vw;
    letter-spacing: 0.0145675266vw;
    line-height: 1.625;
  }
}
@media screen and (max-width: 659px) {
  .saji-product__sub-ttl {
    margin-top: 11.7048346056vw;
  }
}
.saji-product__sub-ttl .letter {
  letter-spacing: 0.2rem;
  font-size: 3.0534351145rem;
  line-height: 1.625;
}
@media screen and (max-width: 659px) {
  .saji-product__sub-ttl .letter {
    font-size: 6.106870229vw;
    letter-spacing: 0.7283763278vw;
    line-height: 1.625;
  }
}
.saji-product__sub-ttl .large {
  letter-spacing: 0.002rem;
  font-size: 3.8167938931rem;
  line-height: 1.3;
}
@media screen and (max-width: 659px) {
  .saji-product__sub-ttl .large {
    font-size: 7.6335877863vw;
    letter-spacing: 0.0091047041vw;
    line-height: 1.3;
  }
}
.saji-product__scroll {
  width: 100%;
  margin-left: auto;
  overflow-x: auto;
  white-space: nowrap;
  cursor: grab;
  margin-top: 27.989821883px;
  padding-left: 4.834605598%;
}
@media screen and (max-width: 659px) {
  .saji-product__scroll {
    margin-top: 5.5979643766vw;
  }
}
.saji-product__scroll:active {
  cursor: grabbing;
}
.saji-product__scroll-img {
  width: 881.679389313px;
}
@media screen and (max-width: 659px) {
  .saji-product__scroll-img {
    width: 176.3358778626vw;
  }
}
.saji-product__scroll-wrap {
  position: relative;
}
.saji-product__scroll-svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 16%;
  left: 0;
  margin: auto;
  width: 180.6615776081px;
  height: 103.0534351145px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
}
@media screen and (max-width: 659px) {
  .saji-product__scroll-svg {
    width: 36.1323155216vw;
    height: 20.6106870229vw;
  }
}
.js-inView .saji-product__scroll-svg {
  opacity: 1;
  animation: outView 3s 0.5s linear forwards;
}
@keyframes outView {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.saji-product__scroll-svg svg {
  width: 100%;
  height: auto;
}
.saji-product__scroll-svg-icon {
  animation: yokoMove 1s infinite linear;
}
@keyframes yokoMove {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-10%);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(10%);
  }
  100% {
    transform: translateX(0);
  }
}
.saji-product__note {
  letter-spacing: 0rem;
  font-size: 1.5267175573rem;
  line-height: 1.3333333333;
  padding: 0 52.1628498728px 0 55.9796437659px;
  margin-top: 53.4351145038px;
}
@media screen and (max-width: 659px) {
  .saji-product__note {
    font-size: 3.0534351145vw;
    letter-spacing: 0vw;
    line-height: 1.3333333333;
  }
}
@media screen and (max-width: 659px) {
  .saji-product__note {
    padding: 0 10.4325699746vw 0 11.1959287532vw;
    margin-top: 10.6870229008vw;
  }
}
.saji-product__btn {
  width: 79.6437659033%;
  height: 76.3358778626px;
  margin: 50.8905852417px auto 0;
  border-radius: 38.1679389313px;
  background-color: #fff;
  border: solid 2.5445292621px #E62F85;
  display: block;
  letter-spacing: -0.2rem;
  font-size: 2.5445292621rem;
  line-height: 1.5;
  font-weight: 600;
  color: #E62F85;
}
@media screen and (max-width: 659px) {
  .saji-product__btn {
    font-size: 5.0890585242vw;
    letter-spacing: -0.6069802731vw;
    line-height: 1.5;
  }
}
@media screen and (max-width: 659px) {
  .saji-product__btn {
    height: 15.2671755725vw;
    margin: 10.1781170483vw auto 0;
    border-radius: 7.6335877863vw;
    border: solid 0.5089058524vw #E62F85;
  }
}
.saji-benefit {
  background: center top/100% auto no-repeat var(--bg);
  padding-top: 99.2366412214px;
  padding-bottom: 73.7913486005px;
  margin-top: 76.3358778626px;
}
@media screen and (max-width: 659px) {
  .saji-benefit {
    padding-top: 19.8473282443vw;
    padding-bottom: 14.7582697201vw;
    margin-top: 15.2671755725vw;
  }
}
.saji-benefit__lead {
  letter-spacing: 0.02rem;
  font-size: 2.2900763359rem;
  line-height: 1.6666666667;
  margin-top: 25.4452926209px;
  padding: 0 54.7073791349px 0 48.3460559796px;
}
@media screen and (max-width: 659px) {
  .saji-benefit__lead {
    font-size: 4.5801526718vw;
    letter-spacing: 0.0546282246vw;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 659px) {
  .saji-benefit__lead {
    margin-top: 5.0890585242vw;
    padding: 0 10.941475827vw 0 9.6692111959vw;
  }
}
.saji-benefit__lead .accent-color {
  font-weight: 600;
}
.saji-benefit__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  margin-top: 38.1679389313px;
  padding: 0 39.4402035623px;
  gap: 43.2569974555px 33.0788804071px;
}
@media screen and (max-width: 659px) {
  .saji-benefit__list {
    margin-top: 7.6335877863vw;
    padding: 0 7.8880407125vw;
    gap: 8.6513994911vw 6.6157760814vw;
  }
}
.saji-benefit__term {
  width: 100%;
  height: auto;
}
.saji-benefit__desc {
  letter-spacing: 0.001rem;
  font-size: 1.7811704835rem;
  line-height: 1.5714285714;
  margin-top: 12.7226463104px;
  padding: 0 0 0 12.7226463104px;
}
@media screen and (max-width: 659px) {
  .saji-benefit__desc {
    font-size: 3.5623409669vw;
    letter-spacing: 0.002124431vw;
    line-height: 1.5714285714;
  }
}
@media screen and (max-width: 659px) {
  .saji-benefit__desc {
    margin-top: 2.5445292621vw;
    padding: 0 0 0 2.5445292621vw;
  }
}
.saji-benefit__desc .accent-color {
  font-weight: 600;
}
.saji-para {
  width: 100%;
  height: 636.1323155216px;
  margin-bottom: -113.2315521628px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 659px) {
  .saji-para {
    height: 134.6055979644vw;
    margin-bottom: -15.2671755725vw;
  }
}
.saji-para__img {
  position: absolute;
  bottom: 0;
}
.saji-quality {
  background: center top/100% auto no-repeat var(--bg);
  padding-top: 104.3256997455px;
  padding-bottom: 40.7124681934px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 659px) {
  .saji-quality {
    padding-top: 20.8651399491vw;
    padding-bottom: 8.1424936387vw;
  }
}
.saji-quality__ttl {
  text-align: center;
  letter-spacing: 0.002rem;
  font-size: 3.0534351145rem;
  line-height: 1.3333333333;
  font-weight: 300;
  margin-bottom: 38.1679389313px;
}
@media screen and (max-width: 659px) {
  .saji-quality__ttl {
    font-size: 6.106870229vw;
    letter-spacing: 0.0072837633vw;
    line-height: 1.3333333333;
  }
}
@media screen and (max-width: 659px) {
  .saji-quality__ttl {
    margin-bottom: 7.6335877863vw;
  }
}
.saji-quality-items {
  width: 89.8218829517%;
  margin: 0 auto 35.6234096692px;
  background-color: #fff;
  padding: 25.4452926209px;
  border-radius: 12.7226463104px;
}
@media screen and (max-width: 659px) {
  .saji-quality-items {
    margin: 0 auto 7.1246819338vw;
    padding: 5.0890585242vw;
    border-radius: 2.5445292621vw;
  }
}
.saji-quality-items--01 {
  background-image: var(--bg);
  background-position: bottom 423.6641221374px center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 659px) {
  .saji-quality-items--01 {
    background-position: bottom 84.7328244275vw center;
    background-size: 100% auto;
  }
}
.saji-quality-items--02 {
  padding: 25.4452926209px 20.3562340967px;
  position: relative;
}
@media screen and (max-width: 659px) {
  .saji-quality-items--02 {
    padding: 5.0890585242vw 4.0712468193vw;
  }
}
.saji-quality-items__ttl-sub {
  display: block;
  width: 142.4936386768px;
  margin: 0 auto;
}
@media screen and (max-width: 659px) {
  .saji-quality-items__ttl-sub {
    width: 28.4987277354vw;
  }
}
.saji-quality-items__ttl-main {
  letter-spacing: 0.002rem;
  font-size: 3.0534351145rem;
  line-height: 1.5833333333;
  text-align: center;
  margin-top: 22.9007633588px;
  color: #F08330;
  display: block;
}
@media screen and (max-width: 659px) {
  .saji-quality-items__ttl-main {
    font-size: 6.106870229vw;
    letter-spacing: 0.0072837633vw;
    line-height: 1.5833333333;
  }
}
@media screen and (max-width: 659px) {
  .saji-quality-items__ttl-main {
    margin-top: 4.5801526718vw;
  }
}
.saji-quality-items__ttl-main .accent-color {
  color: #E62F85;
}
.saji-quality-items__text {
  letter-spacing: 0.001rem;
  font-size: 2.2900763359rem;
  line-height: 1.6666666667;
  margin-top: 12.7226463104px;
}
@media screen and (max-width: 659px) {
  .saji-quality-items__text {
    font-size: 4.5801526718vw;
    letter-spacing: 0.0027314112vw;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 659px) {
  .saji-quality-items__text {
    margin-top: 2.5445292621vw;
  }
}
.saji-quality-items__text--first {
  margin-top: 20.3562340967px;
}
@media screen and (max-width: 659px) {
  .saji-quality-items__text--first {
    margin-top: 4.0712468193vw;
  }
}
.saji-quality-items--03 .saji-quality-items__text--first {
  margin-top: 20.3562340967px;
}
@media screen and (max-width: 659px) {
  .saji-quality-items--03 .saji-quality-items__text--first {
    margin-top: 3.0534351145vw;
  }
}
.saji-quality-items__text .accent-color {
  font-weight: 600;
}
.saji-quality-items__img {
  width: 100%;
  margin-top: 33.0788804071px;
}
@media screen and (max-width: 659px) {
  .saji-quality-items__img {
    margin-top: 6.6157760814vw;
  }
}
.saji-quality-items__img--02 {
  margin-top: 17.8117048346px;
}
@media screen and (max-width: 659px) {
  .saji-quality-items__img--02 {
    margin-top: 3.5623409669vw;
  }
}
.saji-quality-items__img--over01 {
  margin-top: 19.0839694656px;
  width: 464.3765903308px;
  position: relative;
  left: 50%; /* 親要素の左から半分の位置へ */
  transform: translateX(-50%);
}
@media screen and (max-width: 659px) {
  .saji-quality-items__img--over01 {
    margin-top: 3.8167938931vw;
    width: 92.8753180662vw;
  }
}
.saji-quality-items__img--over02 {
  margin-top: 19.0839694656px;
  width: 474.5547073791px;
  position: relative;
  left: 50%; /* 親要素の左から半分の位置へ */
  transform: translateX(-50%);
}
@media screen and (max-width: 659px) {
  .saji-quality-items__img--over02 {
    margin-top: 3.8167938931vw;
    width: 94.9109414758vw;
  }
}
.saji-quality-items--03 .saji-quality-items__img {
  margin-top: 17.8117048346px;
}
@media screen and (max-width: 659px) {
  .saji-quality-items--03 .saji-quality-items__img {
    margin-top: 3.5623409669vw;
  }
}
.saji-quality-items__list {
  margin-top: 22.9007633588px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24.1730279898px 0;
  position: relative;
}
@media screen and (max-width: 659px) {
  .saji-quality-items__list {
    margin-top: 4.5801526718vw;
    gap: 4.834605598vw 0;
  }
}
.saji-quality-items__list-wrap {
  overflow: hidden;
  height: 458.0152671756px;
  position: relative;
  transition: height 0.5s linear;
}
@media screen and (max-width: 659px) {
  .saji-quality-items__list-wrap {
    height: 91.6030534351vw;
  }
}
.saji-quality-items__list-wrap::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 146.31043257px;
  background: linear-gradient(to bottom, transparent 0%, white 77%);
  bottom: 0;
}
@media screen and (max-width: 659px) {
  .saji-quality-items__list-wrap::after {
    height: 29.262086514vw;
  }
}
.saji-quality-items__list-wrap.js-active {
  height: 1094.1475826972px;
}
@media screen and (max-width: 659px) {
  .saji-quality-items__list-wrap.js-active {
    height: 218.8295165394vw;
  }
}
.saji-quality-items__list-wrap.js-active::after {
  content: none;
}
.saji-quality-items__btn {
  width: 153.9440203562px;
  margin: 0 auto;
  display: block;
  left: 0;
  right: 0;
  bottom: 45.8015267176px;
  letter-spacing: 0.002rem;
  font-size: 1.7811704835rem;
  line-height: 1.8571428571;
  color: #fff;
  background-color: #E62F85;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 6.3613231552px;
  border-radius: 38.1679389313px;
  font-weight: 600;
  position: absolute;
}
@media screen and (max-width: 659px) {
  .saji-quality-items__btn {
    font-size: 3.5623409669vw;
    letter-spacing: 0.0042488619vw;
    line-height: 1.8571428571;
  }
}
@media screen and (max-width: 659px) {
  .saji-quality-items__btn {
    width: 30.7888040712vw;
    bottom: 9.1603053435vw;
    gap: 0 1.272264631vw;
    border-radius: 7.6335877863vw;
  }
}
.saji-quality-items__btn img {
  width: 12.7226463104px;
}
@media screen and (max-width: 659px) {
  .saji-quality-items__btn img {
    width: 2.5445292621vw;
  }
}
.saji-quality-items__btn.js-active {
  display: none;
}
.saji-drink {
  background: center top/100% auto no-repeat var(--bg);
  padding-top: 86.5139949109px;
  padding-bottom: 40.7124681934px;
  position: relative;
  margin-top: 76.3358778626px;
}
@media screen and (max-width: 659px) {
  .saji-drink {
    padding-top: 17.3027989822vw;
    padding-bottom: 8.1424936387vw;
    margin-top: 15.2671755725vw;
  }
}
.saji-drink__text {
  letter-spacing: 0.001rem;
  font-size: 2.2900763359rem;
  line-height: 1.6666666667;
  margin-top: 12.7226463104px;
  padding: 0 54.7073791349px 0 48.3460559796px;
}
@media screen and (max-width: 659px) {
  .saji-drink__text {
    font-size: 4.5801526718vw;
    letter-spacing: 0.0027314112vw;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 659px) {
  .saji-drink__text {
    margin-top: 2.5445292621vw;
    padding: 0 10.941475827vw 0 9.6692111959vw;
  }
}
.saji-drink__text--first {
  margin-top: 25.4452926209px;
}
@media screen and (max-width: 659px) {
  .saji-drink__text--first {
    margin-top: 5.0890585242vw;
  }
}
.saji-drink__text .accent-color {
  font-weight: 600;
}
.saji-drink-arrange {
  width: 89.8218829517%;
  margin: 0 auto;
  background-color: #fff;
  padding: 50.8905852417px 0 38.1679389313px;
  margin-top: 50.8905852417px;
  border-radius: 12.7226463104px;
}
@media screen and (max-width: 659px) {
  .saji-drink-arrange {
    padding: 10.1781170483vw 0 7.6335877863vw;
    margin-top: 10.1781170483vw;
    border-radius: 2.5445292621vw;
  }
}
.saji-drink-arrange__ttl {
  letter-spacing: 0.2rem;
  font-size: 3.0534351145rem;
  line-height: 1;
  font-weight: 300;
  text-align: center;
  color: #F08330;
}
@media screen and (max-width: 659px) {
  .saji-drink-arrange__ttl {
    font-size: 6.106870229vw;
    letter-spacing: 0.7283763278vw;
    line-height: 1;
  }
}
.saji-drink-arrange__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 40.7124681934px;
  padding: 0 17.8117048346px;
  gap: 48.3460559796px 0;
}
@media screen and (max-width: 659px) {
  .saji-drink-arrange__list {
    margin-top: 8.1424936387vw;
    padding: 0 1.5267175573vw 0 1.5267175573vw;
    gap: 8.1424936387vw 0;
  }
}
.saji-drink-arrange__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.saji-drink-arrange__term {
  width: 173.0279898219px;
}
@media screen and (max-width: 659px) {
  .saji-drink-arrange__term {
    width: 34.6055979644vw;
    height: auto;
  }
}
.saji-drink-arrange__desc {
  letter-spacing: 0rem;
  font-size: 2.2900763359rem;
  line-height: 1.2222222222;
  margin-top: 22.9007633588px;
  text-align: center;
  padding: 0;
}
@media screen and (max-width: 659px) {
  .saji-drink-arrange__desc {
    font-size: 4.5801526718vw;
    letter-spacing: 0vw;
    line-height: 1.2222222222;
  }
}
@media screen and (max-width: 659px) {
  .saji-drink-arrange__desc {
    margin-top: 4.5801526718vw;
  }
}
.saji-drink-arrange__desc span {
  font-weight: 600;
  color: #F08330;
}
.saji-accordion {
  width: 79.6437659033%;
  margin: 25.4452926209px auto 0;
  transition: padding 0.35s ease-out;
  border-bottom: solid 1px #BABABA;
}
@media screen and (max-width: 659px) {
  .saji-accordion {
    margin: 5.0890585242vw auto 0;
  }
}
.saji-accordion:has(.active) {
  padding: 0 0 61.0687022901px;
}
@media screen and (max-width: 659px) {
  .saji-accordion:has(.active) {
    padding: 0 0 12.213740458vw;
  }
}
.saji-accordion.first {
  margin-top: 41.9847328244px;
}
@media screen and (max-width: 659px) {
  .saji-accordion.first {
    margin-top: 8.3969465649vw;
  }
}
.saji-accordion.last {
  border-bottom: none;
}
.saji-accordion__term {
  letter-spacing: 0.001rem;
  font-size: 2.0356234097rem;
  line-height: 1;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  padding: 34.3511450382px 0 20.3562340967px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 659px) {
  .saji-accordion__term {
    font-size: 4.0712468193vw;
    letter-spacing: 0.0024279211vw;
    line-height: 1;
  }
}
@media screen and (max-width: 659px) {
  .saji-accordion__term {
    padding: 6.8702290076vw 0 4.0712468193vw;
  }
}
.saji-accordion__term::before, .saji-accordion__term::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 20.3562340967px;
  height: 2.5445292621px;
  background-color: #F08330;
}
@media screen and (max-width: 659px) {
  .saji-accordion__term::before, .saji-accordion__term::after {
    width: 4.0712468193vw;
    height: 0.5089058524vw;
  }
}
.saji-accordion__term::after {
  transform: rotate(90deg);
  transition: transform 0.35s ease-out;
}
.saji-accordion__term.js-active::after {
  transform: rotate(0deg);
}
.saji-accordion__term-icon {
  width: 8.9058524173px;
  height: 8.9058524173px;
  border-radius: 50%;
  background-color: #F08330;
  margin: 10.1781170483px 10.1781170483px 10.1781170483px 0px;
  display: block;
}
@media screen and (max-width: 659px) {
  .saji-accordion__term-icon {
    width: 1.7811704835vw;
    height: 1.7811704835vw;
    margin: 2.0356234097vw 2.0356234097vw 2.0356234097vw 0vw;
  }
}
.saji-accordion__desc {
  letter-spacing: 0.001rem;
  font-size: 2.0356234097rem;
  line-height: 1.5;
  transition: max-height 0.35s ease-out;
  padding-bottom: 50.8905852417px;
}
@media screen and (max-width: 659px) {
  .saji-accordion__desc {
    font-size: 4.0712468193vw;
    letter-spacing: 0.0024279211vw;
    line-height: 1.5;
  }
}
@media screen and (max-width: 659px) {
  .saji-accordion__desc {
    padding-bottom: 10.1781170483vw;
  }
}
.saji-accordion__list li {
  list-style: disc;
  margin-left: 1.1em;
  margin-bottom: 10.1781170483px;
}
@media screen and (max-width: 659px) {
  .saji-accordion__list li {
    margin-bottom: 2.0356234097vw;
  }
}
.saji-qa {
  background: center top/100% auto no-repeat var(--bg);
  padding: 105.5979643766px 0 185.7506361323px;
}
@media screen and (max-width: 659px) {
  .saji-qa {
    padding: 21.1195928753vw 0 37.1501272265vw;
  }
}
.saji-qa__ttl-main {
  letter-spacing: 0.12em;
}
.saji-qa__list {
  border-radius: 25.4452926209px;
  overflow: hidden;
  width: 89.8218829517%;
  margin: 45.8015267176px auto 0;
}
@media screen and (max-width: 659px) {
  .saji-qa__list {
    margin: 9.1603053435vw auto 0;
    border-radius: 5.0890585242vw;
  }
}
.saji-qa__list--first {
  margin: 25.4452926209px auto 0;
}
@media screen and (max-width: 659px) {
  .saji-qa__list--first {
    margin-top: 5.0890585242vw;
  }
}
.saji-qa__term {
  background: #FDEFF5;
  color: #E62F85;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30.534351145px 0 25.4452926209px;
}
@media screen and (max-width: 659px) {
  .saji-qa__term {
    padding: 6.106870229vw 0 5.0890585242vw;
  }
}
.saji-qa__icon {
  letter-spacing: 0.001rem;
  font-size: 3.3078880407rem;
  line-height: 1;
  font-weight: 400;
  font-family: futura-pt, yu-gothic-pr6n, "游ゴシック体", YuGothic, "游ゴシック Medium", sans-serif;
}
@media screen and (max-width: 659px) {
  .saji-qa__icon {
    font-size: 6.6157760814vw;
    letter-spacing: 0.0039453718vw;
    line-height: 1;
  }
}
.saji-qa__question {
  letter-spacing: 0.001rem;
  font-size: 2.5445292621rem;
  line-height: 1.5;
  margin-top: 7.6335877863px;
  font-weight: 600;
}
@media screen and (max-width: 659px) {
  .saji-qa__question {
    font-size: 5.0890585242vw;
    letter-spacing: 0.0030349014vw;
    line-height: 1.5;
  }
}
@media screen and (max-width: 659px) {
  .saji-qa__question {
    margin-top: 1.5267175573vw;
  }
}
.saji-qa__desc {
  background-color: #fff;
  color: #F08330;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20.3562340967px 25.4452926209px 33.0788804071px;
}
@media screen and (max-width: 659px) {
  .saji-qa__desc {
    padding: 4.0712468193vw 5.0890585242vw 6.6157760814vw;
  }
}
.saji-qa__answer {
  letter-spacing: 0.002rem;
  font-size: 2.2900763359rem;
  line-height: 1.3333333333;
  margin-top: 12.7226463104px;
  font-weight: 600;
  text-align: justify;
  width: 100%;
}
@media screen and (max-width: 659px) {
  .saji-qa__answer {
    font-size: 4.5801526718vw;
    letter-spacing: 0.0054628225vw;
    line-height: 1.3333333333;
  }
}
@media screen and (max-width: 659px) {
  .saji-qa__answer {
    margin-top: 2.5445292621vw;
  }
}
.saji-qa__note {
  color: #333333;
  margin-top: 12.7226463104px;
  letter-spacing: 0rem;
  font-size: 2.0356234097rem;
  line-height: 1.5;
}
@media screen and (max-width: 659px) {
  .saji-qa__note {
    font-size: 4.0712468193vw;
    letter-spacing: 0vw;
    line-height: 1.5;
  }
}
@media screen and (max-width: 659px) {
  .saji-qa__note {
    margin-top: 2.5445292621vw;
  }
}

.floating {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 99;
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s ease;
  width: 100%;
  border-top: solid 1px #BABABA;
}
@media screen and (max-width: 659px) {
  .floating {
    border-top: unset;
  }
}
.floating.js-floating {
  opacity: 1;
  pointer-events: auto;
}
.floating.js-offer {
  opacity: 0;
  pointer-events: auto;
}
.floating__inner {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  display: block;
  position: relative;
}
.floating__btn {
  position: absolute;
  width: 190.8396946565px;
  letter-spacing: 0rem;
  font-size: 1.6539440204rem;
  line-height: 3.0769230769;
  color: #fff;
  background-color: #E62F85;
  border-radius: 38.1679389313px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 45.8015267176px;
  text-align: center;
  font-weight: 600;
  height: 40px;
  justify-content: center;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 659px) {
  .floating__btn {
    font-size: 3.3078880407vw;
    letter-spacing: 0vw;
    line-height: 3.0769230769;
  }
}
@media screen and (max-width: 659px) {
  .floating__btn {
    width: 35.6234096692vw;
    right: 5.0890585242vw;
    border-radius: 7.6335877863vw;
    height: 12.7226463104vw;
  }
}

.footer-saji {
  font-family: yu-gothic-pr6n, "游ゴシック体", YuGothic, "游ゴシック Medium", sans-serif !important;
  padding: 0;
  position: relative;
  background-color: #fff !important;
  z-index: 1;
  padding-bottom: 50.8905852417px;
}
@media screen and (max-width: 659px) {
  .footer-saji {
    padding-bottom: 10.1781170483vw;
  }
}
.footer-saji-wrapper {
  overflow: hidden;
  padding-top: 104.3256997455px;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  margin-top: -104.3256997455px;
}
@media screen and (max-width: 659px) {
  .footer-saji-wrapper {
    padding-top: 20.8651399491vw;
    margin-top: -20.8651399491vw;
  }
}
.footer-saji::before {
  position: absolute;
  content: "";
  width: 687.0229007634px;
  height: 687.0229007634px;
  border-radius: 50%;
  background-color: #fff;
  left: 50%;
  top: -104.3256997455px;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 659px) {
  .footer-saji::before {
    width: 137.4045801527vw;
    height: 137.4045801527vw;
    top: -20.8651399491vw;
  }
}
.footer-saji__logo {
  width: 282.4427480916px;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 659px) {
  .footer-saji__logo {
    width: 56.4885496183vw;
  }
}
.footer-saji__nav {
  display: flex;
  justify-content: center;
  margin-top: 50.8905852417px;
  gap: 0 38.1679389313px;
}
@media screen and (max-width: 659px) {
  .footer-saji__nav {
    margin-top: 10.1781170483vw;
    gap: 0 7.6335877863vw;
  }
}
.footer-saji__nav-mypage {
  width: 82.6972010178px;
  display: block;
}
@media screen and (max-width: 659px) {
  .footer-saji__nav-mypage {
    width: 16.5394402036vw;
  }
}
.footer-saji__nav-cart {
  width: 47.0737913486px;
  display: block;
}
@media screen and (max-width: 659px) {
  .footer-saji__nav-cart {
    width: 9.4147582697vw;
  }
}
.footer-saji__list {
  text-align: center;
  margin-top: 50.8905852417px;
}
@media screen and (max-width: 659px) {
  .footer-saji__list {
    margin-top: 10.1781170483vw;
  }
}
.footer-saji__item {
  margin: 25.4452926209px 0 0;
  font-weight: 500;
  letter-spacing: 0rem;
  font-size: 2.0356234097rem;
  line-height: 1;
}
@media screen and (max-width: 659px) {
  .footer-saji__item {
    font-size: 4.0712468193vw;
    letter-spacing: 0vw;
    line-height: 1;
  }
}
@media screen and (max-width: 659px) {
  .footer-saji__item {
    margin: 5.0890585242vw 0 0;
  }
}
.footer-saji__text {
  margin-top: 63.6132315522px;
  letter-spacing: 0.002rem;
  font-size: 1.7811704835rem;
  line-height: 1.4285714286;
  font-weight: 500;
}
@media screen and (max-width: 659px) {
  .footer-saji__text {
    font-size: 3.5623409669vw;
    letter-spacing: 0.0042488619vw;
    line-height: 1.4285714286;
  }
}
.footer-saji__text span {
  font-weight: 600;
}
@media screen and (max-width: 659px) {
  .footer-saji__text {
    margin-top: 12.7226463104vw;
  }
}
.footer-saji__text--02 {
  margin-top: 45.8015267176px;
}
@media screen and (max-width: 659px) {
  .footer-saji__text--02 {
    margin-top: 9.1603053435vw;
  }
}
.footer-saji__tel {
  width: 239.1857506361px;
  display: block;
  margin: 16.5394402036px auto 0;
  pointer-events: none;
}
@media screen and (max-width: 659px) {
  .footer-saji__tel {
    width: 47.8371501272vw;
    margin-top: 3.3078880407vw;
    pointer-events: all;
  }
}
.footer-saji__line {
  width: 398.2188295165px;
  margin: 43.2569974555px auto 0;
  display: block;
}
@media screen and (max-width: 659px) {
  .footer-saji__line {
    width: 79.6437659033vw;
    margin: 8.6513994911vw auto 0;
  }
}
.footer-saji__copy {
  letter-spacing: 0rem;
  font-size: 1.5267175573rem;
  line-height: 1;
  margin-top: 38.1679389313px;
  display: block;
}
@media screen and (max-width: 659px) {
  .footer-saji__copy {
    font-size: 3.0534351145vw;
    letter-spacing: 0vw;
    line-height: 1;
  }
}
@media screen and (max-width: 659px) {
  .footer-saji__copy {
    margin-top: 7.6335877863vw;
  }
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.modal.is-open {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-content {
  position: relative;
  z-index: 1;
  padding: 38.1679389313px 36.8956743003px;
  border-radius: 8px;
  max-width: 500px;
  overflow-y: scroll;
  max-height: calc(100vh - 25.4452926209px);
}
@media screen and (max-width: 659px) {
  .modal-content {
    padding: 7.6335877863vw 7.3791348601vw;
    max-height: calc(100svh - 5.0890585242vw);
  }
  @supports (-webkit-touch-callout: none) {
    .modal-content {
      max-height: calc(100svh - 5.0890585242vw);
    }
  }
}
.modal-content__text {
  letter-spacing: -0.05rem;
  font-size: 1.9083969466rem;
  line-height: 1.8666666667;
  font-weight: 400;
  margin-bottom: 10.1781170483px;
}
.modal-content__text-wrap {
  position: absolute;
  top: 129.7709923664px;
  padding: 0 66.1577608142px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (max-width: 659px) {
  .modal-content__text-wrap {
    top: 25.9541984733vw;
    padding: 0 13.2315521628vw;
  }
}
@media screen and (max-width: 659px) {
  .modal-content__text {
    font-size: 3.8167938931vw;
    letter-spacing: -0.1138088012vw;
    line-height: 1.8666666667;
  }
}
.modal-content__text .accent-color {
  font-weight: 600;
}
@media screen and (max-width: 659px) {
  .modal-content__text {
    margin-bottom: 2.0356234097vw;
  }
}
.modal-content__note {
  letter-spacing: -0.1rem;
  font-size: 1.5267175573rem;
  line-height: 1.3333333333;
  font-weight: 300;
}
@media screen and (max-width: 659px) {
  .modal-content__note {
    font-size: 3.0534351145vw;
    letter-spacing: -0.1820940819vw;
    line-height: 1.3333333333;
  }
}
.modal-close-btn {
  position: absolute;
  top: 63.6132315522px;
  right: 63.6132315522px;
  background: none;
  border: none;
  width: 25.4452926209px;
  height: 25.4452926209px;
  cursor: pointer;
  color: #333;
}
@media screen and (max-width: 659px) {
  .modal-close-btn {
    top: 12.7226463104vw;
    right: 12.7226463104vw;
    width: 5.0890585242vw;
    height: 5.0890585242vw;
  }
}/*# sourceMappingURL=saji.css.map */