@charset "UTF-8";
/*
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
*/
@media screen and (min-width: 768px) {
  body, .main {
    overflow: visible;
  }
}

.breadcrumbs, .footer {
  position: relative;
  z-index: 80;
}

#pageTop {
  display: none !important;
}

.modalOpen #tripla-chat-circle-icon, .modalOpen #tripla-icon-message, .modalOpen .btn__fixedReserve, .modalOpen #pageTop, .LPmenuOpen #tripla-chat-circle-icon, .LPmenuOpen #tripla-icon-message, .LPmenuOpen .btn__fixedReserve, .LPmenuOpen #pageTop {
  opacity: 0;
  pointer-events: none;
}

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

/*-------------------------------------------> #SB2025 */
#SB2025 {
  position: relative;
  font-family: "Noto Sans JP", "Zen Kaku Gothic New", sans-serif;
  /*-------------------------------------------> font */
  /*-------------------------------------------> Common style */
  /*-------------------------------------------> pc side left */
  /*-------------------------------------------> pc side right */
  /*-------------------------------------------> pc narrow */
  /*
  @media screen and ($over-tab) and (max-width: 750px) {
    #LPpageTop {
      right: calc( 750px + 376px - 66px - 10px);
    }
    #sideLeft {
      width: calc(100% - 750px - 376px);
      &::after {
        opacity: 0;
      }
    }
    #sideRight {
      width: 376px;
    }
    #LPmain {
      margin-left: calc(100% - 750px - 376px);
    }
  }
  @media screen and ($over-tab) and (max-width: 1226px) {
    #sideLeft {
      width: calc( (100% - 750px));
      &::after {
        opacity: 1;
      }
    }
    #LPmain {
      margin-left: calc(100% - 750px);
    }
    #sideRight {
      position: fixed;
      z-index: 60;
      right: 0;
      opacity: 0;
      pointer-events: none;
    }
    #modal {
      right: 0 !important;
    }
    #menuBtn {
      display: block;
    }
    #fixBanner {
      opacity: 1;
      pointer-events: auto;
    }
  }
  @media screen and ($over-tab) and (max-width: 1010px) {
    #sideLeft {
      &::after {
        opacity: 0;
      }
    }
  }
  */
  /*-------------------------------------------> home */
  /*-------------------------------------------> Lineup */
}
#SB2025 .w_thin {
  font-weight: 100;
}
#SB2025 .w_eLight {
  font-weight: 200;
}
#SB2025 .w_light {
  font-weight: 300;
}
#SB2025 .w_reg {
  font-weight: 400;
}
#SB2025 .w_med, #SB2025 .f_def {
  font-weight: 500;
}
#SB2025 .w_sBold {
  font-weight: 600;
}
#SB2025 .w_bold {
  font-weight: 700;
}
#SB2025 .w_eBold {
  font-weight: 800;
}
#SB2025 .w_black {
  font-weight: 900;
}
#SB2025 .f_serif {
  font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
#SB2025 .f_sans, #SB2025 .ja {
  font-family: YakuHanJP, "Noto Sans JP", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
#SB2025 .f_en, #SB2025 .en {
  font-family: "Inter", YakuHanJP, "Noto Sans JP", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
#SB2025 img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
#SB2025 .svg {
  overflow: visible;
}
@media screen and (min-width: 768px) {
  #SB2025 .pc {
    display: block;
  }
  #SB2025 .sp {
    display: none;
  }
  #SB2025 img.pc, #SB2025 .svg.pc {
    display: inline;
  }
}
@media screen and (max-width: 767px) {
  #SB2025 .pc {
    display: none;
  }
  #SB2025 .sp {
    display: block;
  }
  #SB2025 img.pc {
    display: none;
  }
  #SB2025 img.sp, #SB2025 .svg.sp {
    display: inline;
  }
}
#SB2025 .linkBtn a {
  display: block;
  border: solid 0.2666666667cqw;
  border-radius: 999px;
  font-size: 34px;
  font-size: 4.5333333333cqw;
  line-height: 2.9411764706;
  letter-spacing: 0.02em;
  text-align: center;
  background: #FFF;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  #SB2025 .linkBtn a {
    font-size: 4.5333333333vw;
  }
}
#SB2025 .linkBtnImg {
  position: relative;
  width: 85.0666666667cqw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  #SB2025 .linkBtnImg {
    width: 85.0666666667vw;
  }
}
#SB2025 .linkBtnImg a {
  display: block;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#SB2025 .linkBtnImg a span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  font-size: 33px;
  font-size: 4.4cqw;
  line-height: 2.303030303;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #SB2025 .linkBtnImg a span {
    font-size: 4.4vw;
  }
}
#SB2025 .linkBtnImg a img, #SB2025 .linkBtnImg a .svg {
  vertical-align: middle;
  position: relative;
  z-index: 1;
}
#SB2025 .linkBtnImg a img .btn_bg, #SB2025 .linkBtnImg a img .btn_frame, #SB2025 .linkBtnImg a img .btn_arrow, #SB2025 .linkBtnImg a .svg .btn_bg, #SB2025 .linkBtnImg a .svg .btn_frame, #SB2025 .linkBtnImg a .svg .btn_arrow {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#SB2025 .linkBtnImg a:hover .btn_arrow {
  translate: 0.6666666667cqw 0px;
}
#SB2025 .arrowWrap {
  width: 20.2666666667cqw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: auto;
  margin-right: 8.8%;
  margin-top: 3.7333333333%;
  margin-bottom: 5.6%;
}
@media screen and (max-width: 767px) {
  #SB2025 .arrowWrap {
    width: 20.2666666667vw;
  }
}
#SB2025 .arrowWrap .prev, #SB2025 .arrowWrap .next {
  width: 43.4210526316%;
}
#SB2025 .arrowWrap button {
  display: block;
  width: 100%;
}
#SB2025 .arrowWrap button .svg .prev_arrow, #SB2025 .arrowWrap button .svg .next_arrow {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#SB2025 .arrowWrap button:hover .svg .prev_arrow {
  translate: -0.6666666667cqw 0;
}
#SB2025 .arrowWrap button:hover .svg .next_arrow {
  translate: 0.6666666667cqw 0;
}
#SB2025 #Splash {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  background: #fbf5f0;
}
#SB2025 #Splash .layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#SB2025 #Splash .layer img {
  width: 100%;
  height: 100%;
}
#SB2025 #Splash .layer.sa {
  z-index: 10;
}
#SB2025 #Splash .layer.sa img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left top;
     object-position: left top;
}
#SB2025 #Splash .layer.sb {
  z-index: 9;
}
#SB2025 #Splash .layer.sb img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left bottom;
     object-position: left bottom;
}
#SB2025 #Splash .layer.sc {
  z-index: 8;
}
#SB2025 #Splash .layer.sc img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right top;
     object-position: right top;
}
#SB2025 #menuBtn {
  display: none;
  position: fixed;
  z-index: 70;
  top: calc(8.2rem + 50px);
  right: 50px;
  width: 84px;
  height: 84px;
  background: #FFF;
  border-radius: 999px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#SB2025 #menuBtn button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
#SB2025 #menuBtn button span {
  display: block;
  width: 36px;
  height: 2px;
  background: #dc7323;
  position: absolute;
  top: 50%;
  left: 50%;
}
#SB2025 #menuBtn button span:nth-child(1) {
  translate: -50% 6px;
}
#SB2025 #menuBtn button span:nth-child(2) {
  translate: -50% -6px;
}
@media screen and (max-width: 767px) {
  #SB2025 #menuBtn {
    z-index: 150;
    display: block;
    top: auto;
    bottom: 3.7333333333vw;
    right: 6.6666666667vw;
    width: 11.2vw;
    height: 11.2vw;
    opacity: 0;
    pointer-events: none;
  }
  #SB2025 #menuBtn button span {
    width: 4.8vw;
    height: 0.2666666667vw;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  #SB2025 #menuBtn button span:nth-child(1) {
    translate: -50% 0.8vw;
  }
  #SB2025 #menuBtn button span:nth-child(2) {
    translate: -50% -0.8vw;
  }
}
#SB2025 #LPpageTop {
  position: fixed;
  z-index: 70;
  right: 627px;
  bottom: 10px;
  width: 33px;
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
#SB2025 #LPpageTop button {
  display: block;
}
#SB2025 #LPpageTop img {
  width: 100%;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #SB2025 #LPpageTop {
    z-index: 100;
    right: auto;
    left: 2.6666666667vw;
    bottom: 18.6666666667vw;
    width: 8.8vw;
  }
}
#SB2025 #fixBanner {
  position: fixed;
  z-index: 60;
  right: 22px;
  bottom: 150px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#SB2025 #fixBanner a {
  display: block;
}
#SB2025 #fixBanner a img {
  width: 26.6666666667cqw;
}
@media screen and (max-width: 767px) {
  #SB2025 #fixBanner a img {
    width: 26.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #SB2025 #fixBanner {
    right: 2.9333333333vw;
    bottom: 2.9333333333vw;
    opacity: 1;
    pointer-events: auto;
  }
}
#SB2025 #fixBannerSP {
  position: fixed;
  z-index: 100;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(220, 115, 35, 0.9);
  opacity: 0;
  pointer-events: none;
}
#SB2025 #LPframe {
  position: relative;
}
#SB2025 #LPmain {
  position: relative;
  width: 100%;
  max-width: 375px;
  margin-left: calc(100% - 375px - 295px);
  line-height: 1;
}
#SB2025 #LPmain .cqBase {
  container-type: inline-size;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #SB2025 #LPmain {
    width: 100%;
    max-width: initial;
    margin-left: 0;
  }
}
#SB2025 #LPmain.home {
  background: #FFF url(../images/home_bg.jpg) no-repeat center top;
  background-size: 100% auto;
}
#SB2025 #LPmain.menu {
  background: #FFF;
}
#SB2025 #sideLeft, #SB2025 #sideRight {
  position: fixed;
  top: 11rem;
  height: calc(100vh - 11rem);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 10;
  top: 11rem;
  height: calc(100vh - 11rem);
}
#SB2025 #sideLeft {
  width: calc(100% - 375px - 295px);
  left: 0;
}
#SB2025 #sideRight {
  right: 0;
  width: 476px;
  width: 295px;
  background-image: url(../images/right_bg.jpg?v=2);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  float: right;
}
@media screen and (max-width: 767px) {
  #SB2025 #sideRight {
    position: fixed;
    z-index: 110;
    top: 6.4rem;
    width: 100%;
    height: calc(100vh - 6.4rem);
    background-image: url(../images/menu_bg@sp.jpg?v=2);
    background-size: cover;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
}
#SB2025.is-scrolled #sideLeft, #SB2025.is-scrolled #sideRight {
  top: 8.2rem;
  height: calc(100vh - 8.2rem);
}
@media screen and (max-width: 767px) {
  #SB2025.is-scrolled #sideLeft, #SB2025.is-scrolled #sideRight {
    top: 6.4rem;
    height: calc(100vh - 6.4rem);
  }
}
#SB2025.is-scrolled #menuBtn {
  top: calc(5.4rem + 50px);
}
@media screen and (max-width: 767px) {
  #SB2025.is-scrolled #menuBtn {
    top: auto;
    opacity: 1;
    pointer-events: auto;
  }
}
#SB2025.is-scrolled #LPpageTop {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (max-width: 767px) {
  #SB2025.is-scrolled #fixBanner {
    opacity: 0;
    pointer-events: none;
  }
  #SB2025.is-scrolled #fixBannerSP {
    opacity: 1;
    pointer-events: auto;
  }
}
#SB2025.menuOpen #menuBtn button span:nth-child(1) {
  translate: -50% 0;
  rotate: 45deg;
}
#SB2025.menuOpen #menuBtn button span:nth-child(2) {
  translate: -50% 0;
  rotate: -45deg;
}
#SB2025.menuOpen #sideRight {
  opacity: 1;
  pointer-events: auto;
}
#SB2025 #sideLeft::before, #SB2025 #sideLeft::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
#SB2025 #sideLeft::before {
  background-image: url(../images/left_bg.jpg?v=2);
  background-position: center center;
  background-size: cover;
}
#SB2025 #sideLeft::after {
  max-width: 1024px;
  background-image: url(../images/left_title.png?v=2);
  background-position: left top;
  background-size: contain;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#SB2025 #sideRight {
  color: #FFF;
  font-size: 18px;
  letter-spacing: 0.4em;
  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;
  overflow: auto;
}
#SB2025 #sideRight .frame {
  width: 100%;
  max-height: 100%;
  overflow: auto;
  padding: 46px 32px 174px 32px;
}
#SB2025 #sideRight .sideNavi {
  width: 100%;
}
#SB2025 #sideRight ul {
  margin-bottom: 65px;
}
#SB2025 #sideRight ul li + li {
  margin-top: 24px;
}
#SB2025 #sideRight ul li a {
  color: #FFF;
}
#SB2025 #sideRight ul li a:hover {
  opacity: 0.7;
}
#SB2025 #sideRight .banner {
  display: block;
  text-align: center;
}
#SB2025 #sideRight .banner a {
  display: block;
}
#SB2025 #sideRight .banner a:hover {
  opacity: 0.7;
}
#SB2025 #sideRight .banner + .banner {
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  #SB2025 #sideRight .frame {
    padding: 6vw 12.8vw 40vw 12.8vw;
  }
  #SB2025 #sideRight ul {
    margin-bottom: 8.6666666667vw;
  }
  #SB2025 #sideRight ul li + li {
    margin-top: 3.2vw;
  }
  #SB2025 #sideRight ul .banner {
    text-align: center;
  }
  #SB2025 #sideRight ul .banner + .banner {
    margin-top: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  #SB2025 #sideLeft::after {
    opacity: 0;
  }
}
#SB2025 #Cover {
  height: 175.2cqw;
}
@media screen and (max-width: 767px) {
  #SB2025 #Cover {
    height: 175.2vw;
  }
}
#SB2025 #Message {
  height: 206.5333333333cqw;
}
@media screen and (max-width: 767px) {
  #SB2025 #Message {
    height: 206.5333333333vw;
  }
}
#SB2025 #About {
  height: 250cqw;
}
@media screen and (max-width: 767px) {
  #SB2025 #About {
    height: 250vw;
  }
}
#SB2025 #Concept {
  height: 312.6666666667cqw;
}
@media screen and (max-width: 767px) {
  #SB2025 #Concept {
    height: 312.6666666667vw;
  }
}
#SB2025 #Message {
  position: relative;
  padding-top: 10.5333333333%;
}
#SB2025 #Message::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  background: url(../images/about/about_parts_text.png) no-repeat left top;
  background-size: 100% auto;
}
#SB2025 #Message .image {
  position: relative;
}
#SB2025 #Message .img01 {
  z-index: 10;
}
#SB2025 #Message .img02 {
  z-index: 30;
}
#SB2025 #Message .img03 {
  margin-top: 9.0666666667%;
  z-index: 10;
}
#SB2025 #Message .text01, #SB2025 #Message .text02 {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 30px;
  font-size: 4cqw;
  line-height: 1.8;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  #SB2025 #Message .text01, #SB2025 #Message .text02 {
    font-size: 4vw;
  }
}
#SB2025 #Message .text01 {
  margin-top: 4.9333333333%;
  margin-bottom: 24.8%;
  margin-left: 20%;
}
#SB2025 #Message .text02 {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 94.9333333333%;
  margin-left: 53.0666666667%;
}
#SB2025 #About {
  text-align: center;
}
#SB2025 #About .sectionTitle {
  margin-bottom: 12.6666666667%;
}
#SB2025 #About dl + dl {
  margin-top: 9.3333333333%;
}
#SB2025 #About dl dt {
  margin-bottom: 4.6666666667%;
}
#SB2025 #About dl dt span {
  width: 30.4cqw;
  display: inline-block;
  background: #FFF;
  border-radius: 999px;
  font-size: 30px;
  font-size: 4cqw;
  line-height: 1.7333333333;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
  #SB2025 #About dl dt span {
    font-size: 4vw;
  }
}
#SB2025 #About .block01 .text, #SB2025 #About .block02 .text {
  font-size: 36px;
  font-size: 4.8cqw;
  line-height: 1;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  #SB2025 #About .block01 .text, #SB2025 #About .block02 .text {
    font-size: 4.8vw;
  }
}
#SB2025 #About .block03 .text {
  font-size: 30px;
  font-size: 4cqw;
  line-height: 1.7333333333;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  #SB2025 #About .block03 .text {
    font-size: 4vw;
  }
}
#SB2025 #About .block03 .note {
  font-size: 80%;
}
#SB2025 #About .block04 .text {
  font-size: 27px;
  font-size: 3.6cqw;
  line-height: 1.7407407407;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  #SB2025 #About .block04 .text {
    font-size: 3.6vw;
  }
}
#SB2025 #About .block04 .note {
  font-size: 80%;
}
#SB2025 #About .link {
  width: 73.6%;
  margin-top: 16%;
  margin-left: auto;
  margin-right: auto;
}
#SB2025 #About .link .linkBtn.btn01 a, #SB2025 #About .link .linkBtn.btn02 a {
  border-color: #73811f;
}
#SB2025 #About .link .linkBtn.btn01 a:hover, #SB2025 #About .link .linkBtn.btn02 a:hover {
  color: #FFF;
  background: rgba(115, 129, 31, 0.3);
}
#SB2025 #About .link .linkBtn.btn01 a {
  color: #FFF;
  background: #73811f;
}
#SB2025 #About .link .linkBtn.btn02 {
  margin-top: 6.3405797101%;
}
#SB2025 #About .link .linkBtn.btn02 a {
  color: #73811f;
}
#SB2025 #Concept {
  padding-top: 25.8666666667%;
}
#SB2025 #Concept .sectionTitle {
  margin-bottom: 12.5333333333%;
}
#SB2025 #Concept .text {
  width: 80cqw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24%;
  font-size: 33px;
  font-size: 4.4cqw;
  line-height: 2.0303030303;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  #SB2025 #Concept .text {
    width: 80vw;
  }
}
@media screen and (max-width: 767px) {
  #SB2025 #Concept .text {
    font-size: 4.4vw;
  }
}
#SB2025 #Concept .text::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.5151515152em;
  content: "";
}
#SB2025 #Concept .text::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.5151515152em;
  content: "";
}
#SB2025 #Concept .modalList {
  position: relative;
}
#SB2025 #Concept .modalList .click {
  pointer-events: none;
  position: absolute;
  z-index: 10;
  width: 18.9333333333cqw;
  top: -14.6666666667cqw;
  left: 11.2cqw;
}
@media screen and (max-width: 767px) {
  #SB2025 #Concept .modalList .click {
    width: 18.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #SB2025 #Concept .modalList .click {
    top: -14.6666666667vw;
    left: 11.2vw;
  }
}
#SB2025 #Concept .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 86.6666666667cqw;
  margin-left: auto;
  margin-right: auto;
  /*
  li {
    @include wide(300);
    filter: drop-shadow(8px 8px 1px rgba(0,0,0,0.15));
    will-change: filter;
    a {
      position: relative;
      display: block;
      overflow: hidden;
      border-radius: 999px;
      &::after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        border: solid 7px rgba($WHITE, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 999px;
      }
      img {
        display: block;
        transition: all .3s linear;
      }
      &:hover {
        img {
          scale: 1.05;
        }
      }
    }
    &:nth-child(n+3) {
      margin-top: p(20, 634);
    }
    @media screen and ($less-tab) {
      filter: drop-shadow(vw(8) vw(8) 1px rgba(0,0,0,0.15));
      a {
        &::after {
          border: solid vw(7) rgba($WHITE, 0.5);
        }
      }
    }
  }
  */
}
@media screen and (max-width: 767px) {
  #SB2025 #Concept .list {
    width: 86.6666666667vw;
  }
}
#SB2025 #Concept .list li {
  margin-bottom: 1.5384615385%;
}
#SB2025 #Concept .list li.half {
  width: 42.6666666667cqw;
}
@media screen and (max-width: 767px) {
  #SB2025 #Concept .list li.half {
    width: 42.6666666667vw;
  }
}
#SB2025 #Concept .list li a, #SB2025 #Concept .list li button {
  position: relative;
  display: block;
  cursor: pointer;
  border-radius: 2.6666666667cqw;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #SB2025 #Concept .list li a, #SB2025 #Concept .list li button {
    border-radius: 2.6666666667vw;
  }
}
#SB2025 #Concept .list li a::after, #SB2025 #Concept .list li button::after {
  content: "";
  display: block;
  width: 11.2cqw;
  height: 8cqw;
  background: url(../images/svg/icon_zoom.svg) no-repeat right bottom;
  background-size: cover;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  #SB2025 #Concept .list li a::after, #SB2025 #Concept .list li button::after {
    width: 11.2vw;
  }
}
@media screen and (max-width: 767px) {
  #SB2025 #Concept .list li a::after, #SB2025 #Concept .list li button::after {
    height: 8vw;
  }
}
#SB2025 #Concept .linkBtnImg {
  margin-top: 13.0666666667%;
}
#SB2025 #Concept .linkBtnImg a {
  color: #dc7323;
}
#SB2025 #Concept .linkBtnImg a .btn_arrow, #SB2025 #Concept .linkBtnImg a .btn_frame {
  fill: #dc7323;
}
#SB2025 #Concept .linkBtnImg a:hover {
  color: #FFF;
}
#SB2025 #Concept .linkBtnImg a:hover .btn_bg {
  fill: #dc7323;
}
#SB2025 #Concept .linkBtnImg a:hover .btn_arrow {
  fill: #FFF;
}
#SB2025 #modal {
  position: fixed;
  z-index: 200;
  top: 8.2rem;
  right: 295px;
  width: 375px;
  height: calc(100vh - 8.2rem);
  background: rgba(222, 159, 49, 0.9);
  display: none;
}
@media screen and (max-width: 767px) {
  #SB2025 #modal {
    top: 6.4rem;
    right: 0;
    width: 100vw;
    height: calc(100vh - 6.4rem);
  }
}
#SB2025 .cqBase {
  height: 100%;
}
#SB2025 .f_modal {
  width: 100%;
  height: 100%;
  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;
  overflow: auto;
}
#SB2025 .f_modal .inner {
  width: 100%;
  max-height: calc(100vh - 8.2rem);
  overflow: auto;
}
#SB2025 .f_modal .frame {
  width: 90cqw;
  padding-top: 6.6666666667%;
  padding-bottom: 6.6666666667%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  #SB2025 .f_modal .frame {
    width: 90vw;
  }
}
@media screen and (max-width: 767px) {
  #SB2025 .f_modal .frame {
    width: 90.1333333333vw;
    translate: 0 -7.3333333333vw;
  }
}
#SB2025 .f_modal .frame .close {
  margin-bottom: 2.6627218935%;
  text-align: right;
}
#SB2025 .f_modal .frame .close button {
  display: block;
  margin-left: auto;
}
#SB2025 .f_modal .frame .close img, #SB2025 .f_modal .frame .close .svg {
  min-width: initial;
  width: 4.6666666667cqw;
  height: auto;
  aspect-ratio: 1/1;
  overflow: visible;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #SB2025 .f_modal .frame .close img, #SB2025 .f_modal .frame .close .svg {
    width: 4.6666666667vw;
  }
}
#SB2025 .f_modal .frame .block {
  background: #FFF;
  text-align: center;
  padding: 4.8888888889%;
  border-radius: 4cqw;
}
@media screen and (max-width: 767px) {
  #SB2025 .f_modal .frame .block {
    border-radius: 4vw;
  }
}
#SB2025 .f_modal .frame .block .image img {
  overflow: hidden;
  border-radius: 2cqw;
}
@media screen and (max-width: 767px) {
  #SB2025 .f_modal .frame .block .image img {
    border-radius: 2vw;
  }
}
#SB2025 .f_modal .frame .block dl {
  text-align: center;
}
#SB2025 .f_modal .frame .block dl dt {
  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;
  color: #8a372e;
  font-size: 33px;
  font-size: 4.4cqw;
  line-height: 1.7272727273;
  letter-spacing: 0em;
  font-size: 16px;
  min-height: 4.42em;
  background: url(../images/fruits/modal_title_line.png) no-repeat center bottom;
  background-size: auto 1.6cqw;
  padding-top: 4.4378698225%;
  padding-bottom: 4.4378698225%;
}
@media screen and (max-width: 767px) {
  #SB2025 .f_modal .frame .block dl dt {
    font-size: 4.4vw;
  }
}
@media screen and (max-width: 767px) {
  #SB2025 .f_modal .frame .block dl dt {
    font-size: 4.4vw;
    background-size: auto 1.6vw;
  }
}
#SB2025 .f_modal .frame .block dl dd {
  font-size: 23px;
  font-size: 3.0666666667cqw;
  line-height: 1.7391304348;
  letter-spacing: 0em;
  font-size: 12px;
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  #SB2025 .f_modal .frame .block dl dd {
    font-size: 3.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #SB2025 .f_modal .frame .block dl dd {
    font-size: 3.0666666667vw;
  }
}
#SB2025 #Sweets {
  padding-top: 20.4%;
}
#SB2025 #Sweets .sectionTitle {
  margin-bottom: 8%;
}
#SB2025 #Sweets .text {
  width: 80cqw;
  margin-left: auto;
  margin-right: auto;
  font-size: 33px;
  font-size: 4.4cqw;
  line-height: 2.0303030303;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  #SB2025 #Sweets .text {
    width: 80vw;
  }
}
@media screen and (max-width: 767px) {
  #SB2025 #Sweets .text {
    font-size: 4.4vw;
  }
}
#SB2025 #Sweets .text::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.5151515152em;
  content: "";
}
#SB2025 #Sweets .text::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.5151515152em;
  content: "";
}
#SB2025 #Sweets .bgColor {
  position: relative;
  background: #f3e1d1;
  padding-bottom: 20%;
}
#SB2025 #Sweets .bgColor::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  border-end-end-radius: 999px;
  background: #f3e1d1;
  position: absolute;
  left: 0;
  bottom: 0;
  translate: 0 calc(100% - 0.2666666667cqw);
}
@media screen and (min-width: 768px) {
  #SB2025 #Sweets .bgColor::after {
    padding-top: 4%;
  }
}
@media screen and (max-width: 767px) {
  #SB2025 #Sweets .bgColor::after {
    height: 4vw;
  }
}
#SB2025 #Sweets .linkBtnImg a {
  color: #73811f;
}
#SB2025 #Sweets .linkBtnImg a .btn_arrow, #SB2025 #Sweets .linkBtnImg a .btn_frame {
  fill: #73811f;
}
#SB2025 #Sweets .linkBtnImg a:hover {
  color: #FFF;
}
#SB2025 #Sweets .linkBtnImg a:hover .btn_bg {
  fill: #73811f;
}
#SB2025 #Sweets .linkBtnImg a:hover .btn_arrow {
  fill: #FFF;
}
#SB2025 #fadeSlide {
  position: relative;
  margin-top: 14%;
}
#SB2025 #fadeSlide::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 140.8%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
  background: url(../images/sweets/sweets_slide_mask.png) no-repeat left top;
  background-size: 100% 100%;
}
#SB2025 #fadeSlide .slideWrap .slide {
  overflow: hidden;
}
#SB2025 #fadeSlide .slideWrap .slide img {
  -webkit-transition: all 7s linear;
  transition: all 7s linear;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#SB2025 #fadeSlide .slideWrap .slide.add-animation img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
#SB2025 #fadeSlide .arrowWrap .svg {
  overflow: visible;
}
#SB2025 #fadeSlide .arrowWrap .svg .prev_arrow, #SB2025 #fadeSlide .arrowWrap .svg .next_arrow {
  fill: #73811f;
}
#SB2025 #fadeSlide .arrowWrap .svg .prev_bg, #SB2025 #fadeSlide .arrowWrap .svg .next_bg {
  fill: #FFF;
  stroke: #73811f;
  stroke-width: 0.2666666667cqw;
}
#SB2025 #Onomatope {
  position: relative;
  padding-top: 20%;
  padding-bottom: 18.1333333333%;
}
#SB2025 #Onomatope .tiker {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  padding-top: 11.4666666667%;
  width: 100%;
  height: 14.6666666667cqw;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #SB2025 #Onomatope .tiker {
    height: 14.6666666667vw;
  }
}
#SB2025 #Onomatope .tiker .wrap {
  white-space: nowrap;
  height: 100%;
}
#SB2025 #Onomatope .tiker img {
  max-width: initial;
  width: auto;
  height: 100%;
}
@media screen and (max-width: 767px) {
  #SB2025 #Onomatope .tiker img {
    height: 14.6666666667vw;
  }
}
#SB2025 #Onomatope .sectionTitle {
  position: relative;
  z-index: 10;
  margin-bottom: 13.6%;
}
#SB2025 #Onomatope .text {
  width: 80cqw;
  margin-left: auto;
  margin-right: auto;
  font-size: 33px;
  font-size: 4.4cqw;
  line-height: 2.0303030303;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  #SB2025 #Onomatope .text {
    width: 80vw;
  }
}
@media screen and (max-width: 767px) {
  #SB2025 #Onomatope .text {
    font-size: 4.4vw;
  }
}
#SB2025 #Onomatope .text::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.5151515152em;
  content: "";
}
#SB2025 #Onomatope .text::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.5151515152em;
  content: "";
}
#SB2025 #Onomatope .linkBtnImg a {
  color: #dc7323;
}
#SB2025 #Onomatope .linkBtnImg a .btn_arrow, #SB2025 #Onomatope .linkBtnImg a .btn_frame {
  fill: #dc7323;
}
#SB2025 #Onomatope .linkBtnImg a:hover {
  color: #FFF;
}
#SB2025 #Onomatope .linkBtnImg a:hover .btn_bg {
  fill: #dc7323;
}
#SB2025 #Onomatope .linkBtnImg a:hover .btn_arrow {
  fill: #FFF;
}
#SB2025 #Onomatope .arrowWrap .svg {
  overflow: visible;
}
#SB2025 #Onomatope .arrowWrap .svg .prev_arrow, #SB2025 #Onomatope .arrowWrap .svg .next_arrow {
  fill: #FFFFFF;
}
#SB2025 #Onomatope .arrowWrap .svg .prev_bg, #SB2025 #Onomatope .arrowWrap .svg .next_bg {
  fill: #dc7323;
  stroke: #dc7323;
  stroke-width: 0.2666666667cqw;
}
#SB2025 #Slide {
  position: relative;
  margin-top: 8%;
}
#SB2025 #ScrollImg .imgBlock {
  width: 100%;
  height: 73.3333333333cqw;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #SB2025 #ScrollImg .imgBlock {
    height: 73.3333333333vw;
  }
}
#SB2025 #ScrollImg .imgBlock .wrap {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
  height: 100%;
}
#SB2025 #ScrollImg .imgBlock img {
  max-width: initial;
  width: auto;
  height: 100%;
}
@media screen and (max-width: 767px) {
  #SB2025 #ScrollImg .imgBlock img {
    height: 73.3333333333vw;
  }
}
#SB2025 #Weekdays .limited01 {
  position: relative;
}
#SB2025 #Weekdays .limited01 .menu {
  position: absolute;
  left: 0;
  top: 85.3333333333cqw;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #SB2025 #Weekdays .limited01 .menu {
    top: 85.3333333333vw;
  }
}
#SB2025 #Weekdays .limited01 .menu dl {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
}
#SB2025 #Weekdays .limited01 .menu dl dt {
  font-size: 36px;
  font-size: 4.8cqw;
  line-height: 1.5;
  letter-spacing: 0em;
  color: #73811f;
}
@media screen and (max-width: 767px) {
  #SB2025 #Weekdays .limited01 .menu dl dt {
    font-size: 4.8vw;
  }
}
#SB2025 #Weekdays .limited01 .menu dl dt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.25em;
  content: "";
}
#SB2025 #Weekdays .limited01 .menu dl dt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.25em;
  content: "";
}
#SB2025 #Weekdays .limited01 .menu dl dt small {
  font-size: 78%;
}
#SB2025 #Weekdays .limited01 .menu dl dd {
  font-size: 30px;
  font-size: 4cqw;
  line-height: 1.5;
  letter-spacing: 0em;
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  #SB2025 #Weekdays .limited01 .menu dl dd {
    font-size: 4vw;
  }
}
#SB2025 #Weekdays .limited01 .menu dl dd::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.25em;
  content: "";
}
#SB2025 #Weekdays .limited01 .menu dl dd::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.25em;
  content: "";
}
@media screen and (max-width: 767px) {
  #SB2025 #Weekdays .limited02 h3 img, #SB2025 #Weekdays .limited02 .bgColor {
    translate: 0 -1px;
  }
}
#SB2025 #Weekdays .limited02 .bgColor {
  color: #FFF;
  background: url(../images/weekdays/weekdays_limited02_bg.jpg) no-repeat left top;
  background-size: 100% 100%;
  padding-left: 12%;
  padding-right: 12%;
  padding-top: 6.6666666667%;
  padding-bottom: 19.3333333333%;
}
#SB2025 #Weekdays .limited02 .title {
  color: #c9b773;
  font-size: 45px;
  font-size: 6cqw;
  line-height: 1.5777777778;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  #SB2025 #Weekdays .limited02 .title {
    font-size: 6vw;
  }
}
#SB2025 #Weekdays .limited02 .text {
  font-size: 30px;
  font-size: 4cqw;
  line-height: 1.5333333333;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 767px) {
  #SB2025 #Weekdays .limited02 .text {
    font-size: 4vw;
  }
}
#SB2025 #Weekdays .limited02 .block {
  margin-top: 5.4858934169%;
  padding-top: 5.4858934169%;
  border-top: solid 1px #FFF;
  font-size: 27px;
  font-size: 3.6cqw;
  line-height: 1.4074074074;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  #SB2025 #Weekdays .limited02 .block {
    font-size: 3.6vw;
  }
}
#SB2025 #Weekdays .limited02 dl dt {
  font-size: 27px;
  font-size: 3.6cqw;
  line-height: 1.4074074074;
  letter-spacing: 0em;
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  #SB2025 #Weekdays .limited02 dl dt {
    font-size: 3.6vw;
  }
}
#SB2025 #Weekdays .limited02 dl dd {
  font-size: 27px;
  font-size: 3.6cqw;
  line-height: 1.4074074074;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  #SB2025 #Weekdays .limited02 dl dd {
    font-size: 3.6vw;
  }
}
#SB2025 #Weekdays .limited02 dl dd .price {
  font-size: 30px;
  font-size: 4cqw;
  line-height: 1.2666666667;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  #SB2025 #Weekdays .limited02 dl dd .price {
    font-size: 4vw;
  }
}
#SB2025 #Weekdays .limited02 dl dd .note {
  font-size: 27px;
  font-size: 3.6cqw;
  line-height: 1.4074074074;
  letter-spacing: 0em;
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  #SB2025 #Weekdays .limited02 dl dd .note {
    font-size: 3.6vw;
  }
}
#SB2025 #Weekdays .limited02 .linkBtnImg {
  width: 100%;
  margin-top: 12%;
}
#SB2025 #Weekdays .limited02 .linkBtnImg + .linkBtnImg {
  margin-top: 4.6666666667%;
}
#SB2025 #Weekdays .limited02 .linkBtnImg.btn01 a {
  color: #dc7323;
  background: white;
}
#SB2025 #Weekdays .limited02 .linkBtnImg.btn01 a:hover {
  color: #FFF;
}
#SB2025 #Weekdays .limited02 .linkBtnImg.btn01 a:hover .svg .btn_arrow {
  fill: #FFF;
}
#SB2025 #Weekdays .limited02 .linkBtnImg.btn01 .svg .btn_arrow {
  fill: #dc7323;
}
#SB2025 #Weekdays .limited02 .linkBtnImg.btn02 .svg .btn_arrow {
  fill: #FFF;
}
#SB2025 #Weekdays .limited02 .linkBtnImg a {
  color: #FFF;
  border: solid 2px #FFF;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#SB2025 #Weekdays .limited02 .linkBtnImg a:hover {
  background: rgba(255, 255, 255, 0.3);
}
#SB2025 #Weekdays .limited02 .linkBtnImg .svg .btn_bg, #SB2025 #Weekdays .limited02 .linkBtnImg .svg .btn_frame {
  display: none;
}
#SB2025 #Weekdays .noteBlock {
  background: url(../images/weekdays/note_bg.jpg) no-repeat left top;
  background-size: cover;
  font-size: 22px;
  font-size: 2.9333333333cqw;
  line-height: 1.6363636364;
  letter-spacing: 0em;
  text-align: center;
  padding-top: 9.3333333333%;
  padding-bottom: 9.3333333333%;
}
@media screen and (max-width: 767px) {
  #SB2025 #Weekdays .noteBlock {
    font-size: 2.9333333333vw;
  }
}
#SB2025 #Weekdays .noteBlock::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.3181818182em;
  content: "";
}
#SB2025 #Weekdays .noteBlock::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.3181818182em;
  content: "";
}
#SB2025 #SNS {
  padding-top: 13.3333333333%;
  padding-bottom: 16%;
}
#SB2025 #SNS .hash {
  color: #73811f;
  font-size: 26px;
  font-size: 3.4666666667cqw;
  line-height: 1.8846153846;
  letter-spacing: 0em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #SB2025 #SNS .hash {
    font-size: 3.4666666667vw;
  }
}
#SB2025 #SNS .hash::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.4423076923em;
  content: "";
}
#SB2025 #SNS .hash::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.4423076923em;
  content: "";
}
#SB2025 #SNS .linkList {
  width: 42.6666666667cqw;
  margin-top: 10%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #SB2025 #SNS .linkList {
    width: 42.6666666667vw;
  }
}
#SB2025 #SNS .linkList .icon {
  width: 6cqw;
}
@media screen and (max-width: 767px) {
  #SB2025 #SNS .linkList .icon {
    width: 6vw;
  }
}
#SB2025 #SNS .linkList a {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#SB2025 #SNS .linkList a:hover {
  opacity: 0.7;
}
#SB2025 .lineupTitle {
  padding-top: 17.3333333333%;
  padding-bottom: 8%;
  line-height: 1;
}
#SB2025 .lineupTitle span {
  display: block;
  font-size: 30px;
  font-size: 4cqw;
  line-height: 1;
  letter-spacing: 0em;
  text-align: center;
  margin-top: 2.6666666667%;
}
@media screen and (max-width: 767px) {
  #SB2025 .lineupTitle span {
    font-size: 4vw;
  }
}
#SB2025 #Lineup {
  padding-top: 14.6666666667%;
  padding-bottom: 7.3333333333%;
  background: rgba(250, 242, 236, 0.8);
}
#SB2025 #Lineup .sectionTitle {
  margin-bottom: 5.0666666667%;
}
#SB2025 #Lineup .menuList {
  width: 85.0666666667cqw;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  #SB2025 #Lineup .menuList {
    width: 85.0666666667vw;
  }
}
#SB2025 #Lineup .menuList li {
  width: 100%;
}
#SB2025 #Lineup .menuList li + li {
  margin-top: 2.8213166144%;
}
#SB2025 #Lineup .menuList li.half {
  width: 40.8cqw;
}
@media screen and (max-width: 767px) {
  #SB2025 #Lineup .menuList li.half {
    width: 40.8vw;
  }
}
#SB2025 #SweetsLineup {
  background: #f0d9c6 url(../images/menu/lineup_sweets_bg.png) no-repeat center top;
  background-size: 100% auto;
  padding-bottom: 14.6666666667%;
}
#SB2025 #SweetsLineup .category {
  width: 92cqw;
  margin-left: auto;
  margin-right: auto;
}
#SB2025 #SweetsLineup .category + .category {
  margin-top: 7.3333333333%;
}
@media screen and (max-width: 767px) {
  #SB2025 #SweetsLineup .category {
    width: 92vw;
  }
}
#SB2025 #SweetsLineup .category.weekdays dt {
  background: #cdb714;
}
#SB2025 #SweetsLineup .category dt {
  color: #FFF;
  font-size: 30px;
  font-size: 4cqw;
  line-height: 2;
  letter-spacing: 0em;
  text-align: center;
  background: #ba7511;
}
@media screen and (max-width: 767px) {
  #SB2025 #SweetsLineup .category dt {
    font-size: 4vw;
  }
}
#SB2025 #SweetsLineup .category dd {
  font-size: 30px;
  font-size: 4cqw;
  line-height: 1.1333333333;
  letter-spacing: 0em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #SB2025 #SweetsLineup .category dd {
    font-size: 4vw;
  }
}
#SB2025 #SweetsLineup .category dd::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.0666666667em;
  content: "";
}
#SB2025 #SweetsLineup .category dd::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.0666666667em;
  content: "";
}
#SB2025 #SweetsLineup .category dd .text {
  margin-top: 5.7971014493%;
  margin-bottom: 5.7971014493%;
}
#SB2025 #SweetsLineup .category dd .lineup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#SB2025 #SweetsLineup .category dd .lineup .item {
  width: 100%;
  margin-top: 5.7971014493%;
}
#SB2025 #SweetsLineup .category dd .lineup .item.half {
  width: 43.2cqw;
}
@media screen and (max-width: 767px) {
  #SB2025 #SweetsLineup .category dd .lineup .item.half {
    width: 43.2vw;
  }
}
#SB2025 #SweetsLineup .category dd .lineup .item .name {
  margin-top: 0.5em;
  white-space: nowrap;
}
#SB2025 #SweetsLineup .note {
  font-size: 25px;
  font-size: 3.3333333333cqw;
  line-height: 0;
  letter-spacing: 0em;
  text-align: center;
  margin-top: 9.3333333333%;
}
@media screen and (max-width: 767px) {
  #SB2025 #SweetsLineup .note {
    font-size: 3.3333333333vw;
  }
}
#SB2025 #SavoryLineup {
  background: #faf2eb url(../images/menu/lineup_savory_bg.png) no-repeat center top;
  background-size: 100% auto;
  padding-bottom: 14.6666666667%;
}
#SB2025 #SavoryLineup .inner {
  width: 80cqw;
  margin-top: 6.6666666667%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  #SB2025 #SavoryLineup .inner {
    width: 80vw;
  }
}
#SB2025 #SavoryLineup .inner .menu {
  font-size: 30px;
  font-size: 4cqw;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  #SB2025 #SavoryLineup .inner .menu {
    font-size: 4vw;
  }
}
#SB2025 #SavoryLineup .inner .menu::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.25em;
  content: "";
}
#SB2025 #SavoryLineup .inner .menu::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.25em;
  content: "";
}
#SB2025 #SavoryLineup .inner .menu li {
  margin-left: 1em;
  text-indent: -1em;
}
#SB2025 #SavoryLineup .inner .menu li::before {
  content: "●";
  color: #73811f;
}
#SB2025 #SavoryLineup .inner .menu li + li {
  margin-top: 0.5em;
}
#SB2025 #SavoryLineup .pickup {
  position: relative;
  margin-top: 8%;
}
#SB2025 #SavoryLineup .pickup .contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 22.6666666667%;
}
#SB2025 #SavoryLineup .pickup .contents dl {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
}
#SB2025 #SavoryLineup .pickup .contents dl dt {
  color: #73811f;
  font-size: 38px;
  font-size: 5.0666666667cqw;
  line-height: 1;
  letter-spacing: 0em;
  text-align: center;
  margin-top: 5.3333333333%;
  margin-bottom: 5.3333333333%;
}
@media screen and (max-width: 767px) {
  #SB2025 #SavoryLineup .pickup .contents dl dt {
    font-size: 5.0666666667vw;
  }
}
#SB2025 #SavoryLineup .pickup .contents dl dd {
  font-size: 30px;
  font-size: 4cqw;
  line-height: 1.1666666667;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  #SB2025 #SavoryLineup .pickup .contents dl dd {
    font-size: 4vw;
  }
}
#SB2025 #DrinkLineup {
  background: #f0d9c6 url(../images/menu/lineup_drink_bg.png) no-repeat center top;
  background-size: 100% auto;
  padding-bottom: 14.6666666667%;
}
#SB2025 #DrinkLineup .inner {
  width: 93.3333333333cqw;
  margin-top: 6.6666666667%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  #SB2025 #DrinkLineup .inner {
    width: 93.3333333333vw;
  }
}
#SB2025 #DrinkLineup .inner .menu {
  font-size: 30px;
  font-size: 4cqw;
  line-height: 1.5;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  #SB2025 #DrinkLineup .inner .menu {
    font-size: 4vw;
  }
}
#SB2025 #DrinkLineup .inner .menu::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.25em;
  content: "";
}
#SB2025 #DrinkLineup .inner .menu::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.25em;
  content: "";
}
#SB2025 #DrinkLineup .inner .menu li {
  margin-left: 1em;
  text-indent: -1em;
}
#SB2025 #DrinkLineup .inner .menu li::before {
  content: "●";
  color: #8a372e;
}
#SB2025 #DrinkLineup .inner .menu li + li {
  margin-top: 0.5em;
}
#SB2025 #DrinkLineup .inner .menu li strong {
  color: #67afdf;
  margin-left: -0.2em;
  margin-right: -0.3em;
  letter-spacing: -0.01em;
  font-weight: 600;
}
#SB2025 #KidsLineup {
  position: relative;
  background: #FFF;
  padding-top: 5.3333333333%;
  padding-bottom: 16%;
}
#SB2025 #KidsLineup::after {
  content: "";
  display: block;
  width: calc(100% - 5.3333333333cqw);
  height: calc(100% - 5.3333333333cqw);
  border: solid 1.0666666667cqw #67afdf;
  position: absolute;
  top: 2.6666666667cqw;
  left: 2.6666666667cqw;
}
#SB2025 #KidsLineup .lineupTitle {
  padding-top: 12%;
}
#SB2025 #KidsLineup .inner {
  width: 80cqw;
  margin-top: 6.6666666667%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  #SB2025 #KidsLineup .inner {
    width: 80vw;
  }
}
#SB2025 #KidsLineup .inner .text {
  font-size: 30px;
  font-size: 4cqw;
  line-height: 1.7333333333;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  #SB2025 #KidsLineup .inner .text {
    font-size: 4vw;
  }
}
#SB2025 #KidsLineup .inner .note {
  font-size: 26px;
  font-size: 3.4666666667cqw;
  line-height: 0;
  letter-spacing: 0em;
  margin-top: 6.6666666667%;
}
@media screen and (max-width: 767px) {
  #SB2025 #KidsLineup .inner .note {
    font-size: 3.4666666667vw;
  }
}
#SB2025 #AnniversaryLineup {
  background: url(../images/menu/lineup_anniversary_bg.jpg) no-repeat left top;
  background-size: cover;
  padding-bottom: 14.6666666667%;
}
#SB2025 #AnniversaryLineup .inner {
  width: 85.0666666667cqw;
  margin-top: 6.6666666667%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  #SB2025 #AnniversaryLineup .inner {
    width: 85.0666666667vw;
  }
}
#SB2025 #AnniversaryLineup .inner .text {
  font-size: 30px;
  font-size: 4cqw;
  line-height: 1.7333333333;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  #SB2025 #AnniversaryLineup .inner .text {
    font-size: 4vw;
  }
}
#SB2025 #AnniversaryLineup .inner .note {
  font-size: 26px;
  font-size: 3.4666666667cqw;
  line-height: 0;
  letter-spacing: 0em;
  margin-top: 6.6666666667%;
}
@media screen and (max-width: 767px) {
  #SB2025 #AnniversaryLineup .inner .note {
    font-size: 3.4666666667vw;
  }
}
#SB2025 .lineupNote {
  background: #FFF;
  font-size: 26px;
  font-size: 3.4666666667cqw;
  line-height: 1.5769230769;
  letter-spacing: 0em;
  text-align: center;
  padding-top: 9.3333333333%;
  padding-bottom: 9.3333333333%;
}
@media screen and (max-width: 767px) {
  #SB2025 .lineupNote {
    font-size: 3.4666666667vw;
  }
}
#SB2025 .lineupNote .linkBtnImg {
  margin-top: 14.6666666667%;
}
#SB2025 .lineupNote .linkBtnImg a {
  color: #73811f;
}
#SB2025 .lineupNote .linkBtnImg .svg .btn_arrow, #SB2025 .lineupNote .linkBtnImg .svg .btn_frame {
  fill: #73811f;
}

/*-------------------------------------------> plugin style */
/* slick Dots */
/* Slick */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 4cqw;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 2.1333333333cqw;
  width: 2.1333333333cqw;
  margin: 0 1.0666666667cqw;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 2.1333333333cqw;
  width: 2.1333333333cqw;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 0px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  text-indent: -9999px;
  height: 2.1333333333cqw;
  width: 2.1333333333cqw;
  border-radius: 1.0666666667cqw;
  border: solid 0.2666666667cqw #FFF;
  line-height: 2.1333333333cqw;
  text-align: center;
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  background: #FFF;
}

@media screen and (max-width: 767px) {
  .slick-dots {
    bottom: 4vw;
  }
  .slick-dots li {
    height: 2.1333333333vw;
    width: 2.1333333333vw;
    margin: 0 1.0666666667vw;
  }
  .slick-dots li button {
    height: 2.1333333333vw;
    width: 2.1333333333vw;
    padding: 0px;
  }
  .slick-dots li button:before {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-width: 0.2666666667vw;
    border-radius: 1.0666666667vw;
    line-height: 2.1333333333vw;
  }
}
/* animation
.image {
	animation-delay: 0.3s;
}
&.inView {
	.base, .image {
		animation-name: fadeInUp;
	}
}
*/
.modalList .click {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-name: clickAnim;
          animation-name: clickAnim;
}

@-webkit-keyframes clickAnim {
  0% {
    translate: 0 0;
  }
  30% {
    translate: 0 5%;
  }
  40% {
    translate: 0 5%;
  }
  90% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}

@keyframes clickAnim {
  0% {
    translate: 0 0;
  }
  30% {
    translate: 0 5%;
  }
  40% {
    translate: 0 5%;
  }
  90% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
.tiker .wrap {
  -webkit-animation-duration: 30s;
          animation-duration: 30s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@media screen and (min-width: 768px) {
  .tiker .wrap {
    -webkit-animation-name: scrollTiker;
            animation-name: scrollTiker;
  }
}
@media screen and (max-width: 767px) {
  .tiker .wrap {
    -webkit-animation-name: scrollTikerSP;
            animation-name: scrollTikerSP;
  }
}

@-webkit-keyframes scrollTiker {
  from {
    translate: 0 0;
  }
  to {
    translate: -1475px 0;
  }
}

@keyframes scrollTiker {
  from {
    translate: 0 0;
  }
  to {
    translate: -1475px 0;
  }
}
@-webkit-keyframes scrollTikerSP {
  from {
    translate: 0 0;
  }
  to {
    translate: -196.6666666667vw 0;
  }
}
@keyframes scrollTikerSP {
  from {
    translate: 0 0;
  }
  to {
    translate: -196.6666666667vw 0;
  }
}
.scrollLeft .wrap {
  -webkit-animation-duration: 24s;
          animation-duration: 24s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-name: scrollLeft;
          animation-name: scrollLeft;
}

@-webkit-keyframes scrollLeft {
  from {
    translate: 0 0;
  }
  to {
    translate: -50% 0;
  }
}

@keyframes scrollLeft {
  from {
    translate: 0 0;
  }
  to {
    translate: -50% 0;
  }
}
.scrollRight .wrap {
  -webkit-animation-duration: 32s;
          animation-duration: 32s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-name: scrollRight;
          animation-name: scrollRight;
}

@-webkit-keyframes scrollRight {
  from {
    translate: -50% 0;
  }
  to {
    translate: 0 0;
  }
}

@keyframes scrollRight {
  from {
    translate: -50% 0;
  }
  to {
    translate: 0 0;
  }
}
/*-------------------------------------------> animation module */
.anim-fadeIn {
  opacity: 0;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
          animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeIn,
.inView .isAnim.inView .anim-fadeIn,
.inView .anim-fadeIn,
.inView.anim-fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.inView .isAnim.anim-fadeIn,
.inView .isAnim .anim-fadeIn {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-fadeInUp {
  opacity: 0;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
          animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeInUp,
.inView .isAnim.inView .anim-fadeInUp,
.inView .anim-fadeInUp,
.inView.anim-fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

.inView .isAnim.anim-fadeInUp,
.inView .isAnim .anim-fadeInUp {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-fadeInDown {
  opacity: 0;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
          animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeInDown,
.inView .isAnim.inView .anim-fadeInDown,
.inView .anim-fadeInDown,
.inView.anim-fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

.inView .isAnim.anim-fadeInDown,
.inView .isAnim .anim-fadeInDown {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-fadeInRight {
  opacity: 0;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
          animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeInRight,
.inView .isAnim.inView .anim-fadeInRight,
.inView .anim-fadeInRight,
.inView.anim-fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

.inView .isAnim.anim-fadeInRight,
.inView .isAnim .anim-fadeInRight {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-fadeInLeft {
  opacity: 0;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
          animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeInLeft,
.inView .isAnim.inView .anim-fadeInLeft,
.inView .anim-fadeInLeft,
.inView.anim-fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

.inView .isAnim.anim-fadeInLeft,
.inView .isAnim .anim-fadeInLeft {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-fadeText span {
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
  clip-path: inset(0 100% 0 0);
}

.inView .isAnim.inView.anim-fadeText span,
.inView .isAnim.inView .anim-fadeText span,
.inView .anim-fadeText span,
.inView.anim-fadeText span {
  -webkit-animation: fadeText 1s ease-out forwards;
          animation: fadeText 1s ease-out forwards;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(1),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(1),
.inView .anim-fadeText span:nth-of-type(1),
.inView.anim-fadeText span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(2),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(2),
.inView .anim-fadeText span:nth-of-type(2),
.inView.anim-fadeText span:nth-of-type(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(3),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(3),
.inView .anim-fadeText span:nth-of-type(3),
.inView.anim-fadeText span:nth-of-type(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(4),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(4),
.inView .anim-fadeText span:nth-of-type(4),
.inView.anim-fadeText span:nth-of-type(4) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(5),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(5),
.inView .anim-fadeText span:nth-of-type(5),
.inView.anim-fadeText span:nth-of-type(5) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(6),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(6),
.inView .anim-fadeText span:nth-of-type(6),
.inView.anim-fadeText span:nth-of-type(6) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(7),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(7),
.inView .anim-fadeText span:nth-of-type(7),
.inView.anim-fadeText span:nth-of-type(7) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(8),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(8),
.inView .anim-fadeText span:nth-of-type(8),
.inView.anim-fadeText span:nth-of-type(8) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(9),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(9),
.inView .anim-fadeText span:nth-of-type(9),
.inView.anim-fadeText span:nth-of-type(9) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(10),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(10),
.inView .anim-fadeText span:nth-of-type(10),
.inView.anim-fadeText span:nth-of-type(10) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

.inView .isAnim.anim-fadeText,
.inView .isAnim .anim-fadeText {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-fadeImage img {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeImage img,
.inView .isAnim.inView .anim-fadeImage img,
.inView .anim-fadeImage img,
.inView.anim-fadeImage img {
  -webkit-animation-name: fadeImage;
          animation-name: fadeImage;
}

.inView .isAnim.anim-fadeImage img,
.inView .isAnim .anim-fadeImage img {
  -webkit-animation-name: none;
          animation-name: none;
}

.linkArrow img, .linkArrow .svg {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.linkArrow:hover img, .linkArrow:hover .svg {
  -webkit-animation-name: linkArrow;
          animation-name: linkArrow;
}
.linkArrow.arrowR:hover img, .linkArrow.arrowR:hover .svg {
  -webkit-animation-name: linkArrowR;
          animation-name: linkArrowR;
}

.anim-slice {
  clip-path: inset(0 100% 0 0);
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
          animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  will-change: filter;
}

.inView .isAnim.inView.anim-slice,
.inView .isAnim.inView .anim-slice,
.inView .anim-slice,
.inView.anim-slice {
  -webkit-animation-name: slice;
          animation-name: slice;
}

.inView .isAnim.anim-slice,
.inView .isAnim .anim-slice {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-slice.reverse {
  clip-path: inset(0 0 0 100%);
}

.inView .isAnim.inView.anim-slice.reverse,
.inView .isAnim.inView .anim-slice.reverse,
.inView .anim-slice.reverse,
.inView.anim-slice.reverse {
  -webkit-animation-name: sliceR;
          animation-name: sliceR;
}

.inView .isAnim.anim-slice.reverse,
.inView .isAnim .anim-slice.reverse {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-ddon {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
          animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.inView .isAnim.inView.anim-ddon,
.inView .isAnim.inView .anim-ddon,
.inView .anim-ddon,
.inView.anim-ddon {
  -webkit-animation-name: ddon;
          animation-name: ddon;
}

.inView .isAnim.anim-ddon,
.inView .isAnim .anim-ddon {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-bound {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.inView .isAnim.inView.anim-bound,
.inView .isAnim.inView .anim-bound,
.inView .anim-bound,
.inView.anim-bound {
  -webkit-animation-name: bound;
          animation-name: bound;
}

.inView .isAnim.anim-bound,
.inView .isAnim .anim-bound {
  -webkit-animation-name: none;
          animation-name: none;
}

/* delay */
.delay0 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.delay1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.delay2 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.delay3 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.delay4 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.delay5 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.delay6 {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.delay7 {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

.delay8 {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

.delay9 {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

.delay10 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.delay11 {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}

/*-------------------------------------------> keyframe */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeText {
  0% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    opacity: 0;
    clip-path: inset(0 100% 0 0);
  }
  30% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  /*
   from {
     opacity: 0;
     transform: translateX(-50px);
     clip-path: inset(0 100% 0 0);
   }
   to {
     opacity: 1;
     transform: translateX(0);
     clip-path: inset(0 0 0 0);
   }
  */
}
@keyframes fadeText {
  0% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    opacity: 0;
    clip-path: inset(0 100% 0 0);
  }
  30% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  /*
   from {
     opacity: 0;
     transform: translateX(-50px);
     clip-path: inset(0 100% 0 0);
   }
   to {
     opacity: 1;
     transform: translateX(0);
     clip-path: inset(0 0 0 0);
   }
  */
}
@-webkit-keyframes fadeImage {
  from {
    opacity: 0;
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes fadeImage {
  from {
    opacity: 0;
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes hoverImage {
  from {
    -webkit-transform: translateX(1);
            transform: translateX(1);
  }
  to {
    -webkit-transform: translateX(1.08);
            transform: translateX(1.08);
  }
}
@keyframes hoverImage {
  from {
    -webkit-transform: translateX(1);
            transform: translateX(1);
  }
  to {
    -webkit-transform: translateX(1.08);
            transform: translateX(1.08);
  }
}
@-webkit-keyframes slice {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  99% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: none;
  }
}
@keyframes slice {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  99% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: none;
  }
}
@-webkit-keyframes sliceR {
  0% {
    clip-path: inset(0 0 0 100%);
  }
  99% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: none;
  }
}
@keyframes sliceR {
  0% {
    clip-path: inset(0 0 0 100%);
  }
  99% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: none;
  }
}
@-webkit-keyframes ddon {
  0% {
    opacity: 0;
    scale: 1.5;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    scale: 1;
  }
}
@keyframes ddon {
  0% {
    opacity: 0;
    scale: 1.5;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    scale: 1;
  }
}
@-webkit-keyframes bound {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  40% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes bound {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  40% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}