@charset "UTF-8";
/*-------------------------------------------------------------------
リセット
/*-------------------------------------------------------------------*/
*, *:before, *:after {
  box-sizing: border-box;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  background: transparent;
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  letter-spacing: 0.03em;
}

body {
  font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif;
  /* safari hover対策 */
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  line-height: 1.6;
  width: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ul, ol {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

a {
  color: inherit;
  margin: 0;
  padding: 0;
  text-decoration: none;
  vertical-align: baseline;
}

ins {
  background-color: #ffff99;
  color: #000000;
  text-decoration: none;
}

mark {
  background-color: #ffff99;
  color: #000000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  border: 0;
  border-top: 1px solid #cccccc;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

img {
  line-height: 1;
  vertical-align: bottom;
}

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  line-height: 1;
  outline: none;
  padding: 0;
}

*, *:before, *:after {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  z-index: 1;
}

.sp {
  display: none !important;
}

.sp_inline {
  display: none;
}

.pc_inline {
  display: inline;
}

@media screen and (min-width: 768px) {
  .imgalpha {
    cursor: pointer;
    transition: opacity 0.6s;
  }
  .imgalpha:hover {
    opacity: 0.6 !important;
  }
}
.test {
  color: #263c64;
}

/*-------------------------------------------------------------------
common
/*-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  body {
    min-width: 100%;
  }
  img {
    height: auto;
    width: 100%;
  }
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
  .sp_inline {
    display: inline !important;
  }
  .pc_inline {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .wrap {
    max-width: 100vw;
    overflow: hidden;
  }
}
/*-------------------------------------------------------------------
ボタン
/*-------------------------------------------------------------------*/
html {
  min-width: 1340px;
}
@media screen and (max-width: 768px) {
  html {
    min-width: 100%;
  }
}

.main_cont {
  display: flex;
  justify-content: center;
  align-items: self-start;
  background-color: #f2efe9;
}

.pc_left_cont, .pc_right_cont {
  position: sticky;
  top: 0;
  padding-bottom: 100px;
}

.wrap {
  overflow: clip;
}

/*-------------------------------------------------------------------
LP
/*-------------------------------------------------------------------*/
img {
  width: 100%;
}

.sub_ttl-en {
  margin-bottom: 10px;
  display: block;
}
@media screen and (max-width: 768px) {
  .sub_ttl-en {
    margin-bottom: 2.380952381vw;
  }
}

.sub_ttl-ja {
  font-size: 12.81px;
  text-align: center;
  width: 100%;
  font-weight: 600;
  display: block;
}
@media screen and (max-width: 768px) {
  .sub_ttl-ja {
    font-size: 3.05vw;
  }
}

.contSec_sliderWrapList-tag {
  width: 150.5px;
  height: 23px;
  font-size: 13.5px;
  font-weight: bold;
  line-height: 1.31;
  letter-spacing: 0.81px;
  text-align: center;
  color: #fff;
  border: 2px solid #000;
  border-radius: 20px;
  margin: 27px auto 15px;
}
.contSec_sliderWrapList-tag.blue {
  background-color: #0067b1;
}
.contSec_sliderWrapList-tag.green {
  background-color: #009d96;
}
.contSec_sliderWrapList-tag.red {
  background-color: #c33323;
}
.contSec_sliderWrapList-tag.yellow {
  background-color: #FFFF00;
  color: #000;
}
.contSec_sliderWrapList-tag.orange {
  background-color: #ff6d00;
}
.contSec_sliderWrapList-tag.aqua {
  background-color: #3ecce4;
}
.contSec_sliderWrapList-tag.purple {
  background-color: #bd00ad;
}
.contSec_sliderWrapList-tag.navy {
  background-color: #5d00ff;
}
@media screen and (max-width: 768px) {
  .contSec_sliderWrapList-tag {
    width: 35.8333333333vw;
    height: 5.4761904762vw;
    font-size: 3.2142857143vw;
    letter-spacing: 0.1928571429vw;
    border: 0.4761904762vw solid #000;
    border-radius: 4.7619047619vw;
    margin: 6.4285714286vw auto 3.5714285714vw;
  }
}

/*-------------------------------------------------------------------
sp_frame : スマホ幅コンテンツ枠
  デザイン幅 1440px / 左余白 600px / コンテンツ 420px / 右余白 420px
  中心(720px)からのズレ = +90px（右方向）
  → margin-left: calc(50% - 210px + 90px) = calc(50% - 120px)
/*-------------------------------------------------------------------*/
.top .sp_frame {
  width: 420px;
  border-left: 3px solid #000;
  border-right: 3px solid #000;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .top .sp_frame {
    width: 100%;
    margin-left: 0;
    border: none;
  }
}
.top {
  /*-------------------------------------------------------------------
  page_top
  /*-------------------------------------------------------------------*/
}
.top .page_top {
  width: 100%;
  position: relative;
  padding-top: 55px;
}
.top .page_top .page_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.top .page_top .page_img {
  width: 347.063px;
  margin: 20px auto 0;
  display: block;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .top .page_top .page_img {
    width: 82.634047619vw;
    margin: 4.7619047619vw auto 0;
  }
}
.top .page_top .salesParty {
  margin-top: 30px;
  padding: 0;
}
.top .page_top .salesParty .salesParty_ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 2.2;
  color: #008938;
  text-align: center;
  letter-spacing: -0.03em;
}
@media screen and (max-width: 768px) {
  .top .page_top .salesParty .salesParty_ttl {
    font-size: 4.7619047619vw;
  }
}
.top .page_top .salesParty .slider {
  margin-top: 10px;
}
.top .page_top .salesParty .slider li {
  max-width: 287px;
  margin: 0 20px;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .top .page_top .salesParty .slider li {
    max-width: 68.3333333333vw;
    margin: 0 4.7619047619vw;
    border-radius: 4.7619047619vw;
  }
}
@media screen and (max-width: 768px) {
  .top .page_top .salesParty .slider {
    margin-top: 2.380952381vw;
  }
}
.top .page_top .salesParty .salesParty_txt {
  margin-top: 38px;
  font-weight: bold;
  line-height: 2.17;
  text-align: center;
  color: #000;
  font-size: 13.5px;
}
.top .page_top .salesParty .salesParty_txt.bottom {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .top .page_top .salesParty .salesParty_txt {
    margin-top: 9.0476190476vw;
    font-size: 3.2142857143vw;
  }
}
.top .page_top .salesParty .salesParty_btn {
  width: 290px;
  height: 34px;
  border-radius: 4px;
  font-size: 11.5px;
  font-weight: bold;
  line-height: 2.17;
  text-align: center;
  color: #fff;
  background-color: #006934;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../images/salesParty_btnArrow.webp), url(../images/side_contTop-cart.webp);
  background-repeat: no-repeat;
  background-size: 7px, 6%;
  background-position: 94% 50%, 5% 50%;
  border-radius: 34px;
}
@media screen and (max-width: 768px) {
  .top .page_top .salesParty .salesParty_btn {
    width: 69.0476190476vw;
    height: 8.0952380952vw;
    border-radius: 8.0952380952vw;
    font-size: 2.7380952381vw;
    padding-right: 2.380952381vw;
    background-size: 1.6666666667vw, 6%;
    background-position: 95% 50%, 3% 50%;
  }
}
@media screen and (max-width: 768px) {
  .top .page_top .salesParty {
    margin-top: 7.1428571429vw;
  }
}
@media screen and (max-width: 768px) {
  .top .page_top {
    padding-top: 13.0952380952vw;
  }
}
.top {
  /*-------------------------------------------------------------------
  page_nav
  /*-------------------------------------------------------------------*/
}
.top .page_nav {
  margin-top: 45px;
  margin-bottom: 73px;
  background-image: url(../images/page_navBg02.webp);
  background-size: 360px;
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 35px;
}
@media screen and (max-width: 768px) {
  .top .page_nav {
    margin-top: 10.7142857143vw;
    margin-bottom: 17.380952381vw;
    background-size: 85.7142857143vw;
    padding-top: 8.3333333333vw;
  }
}
.top .page_nav .page_navListWrap {
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .top .page_nav .page_navListWrap {
    gap: 3.5714285714vw;
  }
}
.top .page_nav .page_navList a {
  width: 181px;
  height: 55px;
  display: flex;
  align-items: center;
  background-color: #000000;
  border-radius: 10px;
  overflow: hidden;
  font-size: 14.5px;
  font-weight: bold;
  line-height: 1.52;
  letter-spacing: 1.74px;
  text-align: left;
  color: #fff;
  position: relative;
  padding-right: 10px;
  padding-left: 30px;
}
.top .page_nav .page_navList a .page_navList-ico {
  width: 27px;
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .top .page_nav .page_navList a .page_navList-ico {
    width: 6.4285714286vw;
    left: 1.4285714286vw;
  }
}
.top .page_nav .page_navList a .page_navList-text {
  margin-left: 5px;
}
.top .page_nav .page_navList a .page_navList-text .small {
  font-size: 10px;
  font-weight: 600;
  line-height: 1.52;
  letter-spacing: 0px;
  text-align: left;
  color: #fff;
  display: block;
}
@media screen and (max-width: 768px) {
  .top .page_nav .page_navList a .page_navList-text {
    margin-left: 1.1904761905vw;
  }
}
.top .page_nav .page_navList a .page_navList-arrow {
  width: 10px;
  background-image: url(../images/page_navList-arrow.webp);
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.top .page_nav .page_navList a .page_navList-arrow img {
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .top .page_nav .page_navList a .page_navList-arrow {
    width: 2.380952381vw;
    right: 4.7619047619vw;
  }
}
@media screen and (max-width: 768px) {
  .top .page_nav .page_navList a {
    width: 43.0952380952vw;
    height: 17.8571428571vw;
    border-radius: 2.380952381vw;
    font-size: 3.4523809524vw;
    letter-spacing: 0.4142857143vw;
    padding-right: 4.7619047619vw;
    padding-left: 9.5238095238vw;
  }
}
@media screen and (max-width: 768px) {
  .top .page_nav {
    margin-top: 4.7619047619vw;
    margin-bottom: 17.380952381vw;
  }
}
.top {
  /*-------------------------------------------------------------------
  contSec
  /*-------------------------------------------------------------------*/
}
.top .contSec_top-ico {
  margin-bottom: 15px;
  display: block;
}
@media screen and (max-width: 768px) {
  .top .contSec_top-ico {
    margin-bottom: 3.5714285714vw;
  }
}
.top .contSec_top-js {
  margin-top: 10px;
  font-size: 13.5px;
  font-weight: bold;
  line-height: 1.63;
  letter-spacing: 2.97px;
  text-align: center;
  color: #000;
  display: block;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .top .contSec_top-js {
    margin-top: 2.380952381vw;
    font-size: 3.2142857143vw;
    letter-spacing: 0.7071428571vw;
    margin-bottom: 7.1428571429vw;
  }
}

.contSec {
  position: relative;
}
.contSec .contSec_sliderWrap .contSec_sliderWrapList-tag,
.contSec .contSec_sliderWrap .contSec_sliderWrapList-text,
.contSec .contSec_sliderWrap .contSec_sliderWrapList-price,
.contSec .contSec_sliderWrap .contSec_sliderWrapList-baloon {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.contSec .contSec_sliderWrap .slick-center .contSec_sliderWrapList-tag,
.contSec .contSec_sliderWrap .slick-center .contSec_sliderWrapList-text,
.contSec .contSec_sliderWrap .slick-center .contSec_sliderWrapList-price,
.contSec .contSec_sliderWrap .slick-center .contSec_sliderWrapList-baloon {
  visibility: visible;
  opacity: 1;
}
.contSec .contSec_sliderWrapList-img {
  width: 265px;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 5px 5px 0px 0px rgb(0, 0, 0);
  border: 2px solid #000;
}
@media screen and (max-width: 768px) {
  .contSec .contSec_sliderWrapList-img {
    width: 63.0952380952vw;
    border-radius: 4.7619047619vw;
    box-shadow: 1.1904761905vw 1.1904761905vw 0vw 0vw rgb(0, 0, 0);
    border: 0.4761904762vw solid #000;
  }
}
.contSec .contSec_sliderWrapList-text {
  font-size: 13.5px;
  font-weight: bold;
  line-height: 1.31;
  letter-spacing: -0.54px;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 768px) {
  .contSec .contSec_sliderWrapList-text {
    font-size: 3.2142857143vw;
    letter-spacing: -0.1285714286vw;
  }
}
.contSec .contSec_sliderWrapList-price {
  font-size: 22px;
  font-weight: bold;
  line-height: 2.23;
  text-align: center;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-top: 2px;
}
@media screen and (max-width: 768px) {
  .contSec .contSec_sliderWrapList-price {
    font-size: 5.2380952381vw;
    margin-top: 0.4761904762vw;
  }
}
.contSec .contSec_sliderWrapList-priceYen {
  font-size: 16.75px;
  line-height: 1.06;
  letter-spacing: -0.67px;
}
@media screen and (max-width: 768px) {
  .contSec .contSec_sliderWrapList-priceYen {
    font-size: 3.9880952381vw;
    letter-spacing: -0.1595238095vw;
  }
}
.contSec .contSec_sliderWrapList-priceNumber {
  font-size: 19px;
}
@media screen and (max-width: 768px) {
  .contSec .contSec_sliderWrapList-priceNumber {
    font-size: 4.5238095238vw;
  }
}
.contSec .contSec_sliderWrapList-priceTax {
  font-size: 10.5px;
  line-height: 1.69;
  letter-spacing: -0.42px;
}
@media screen and (max-width: 768px) {
  .contSec .contSec_sliderWrapList-priceTax {
    font-size: 2.5vw;
    letter-spacing: -0.1vw;
  }
}
.contSec .contSec_sliderWrapList-baloon {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13.5px;
  font-weight: bold;
  line-height: 2;
  text-align: center;
  color: #008938;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 284px;
  height: 167px;
  background-image: url(../images/contSec_baloon01.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 40px;
  margin-top: 30px;
  margin-bottom: 65px;
  margin-left: 20px;
  position: relative;
  left: -50px;
  letter-spacing: -0.54px;
}
@media screen and (max-width: 768px) {
  .contSec .contSec_sliderWrapList-baloon {
    font-size: 3.2142857143vw;
    width: 67.619047619vw;
    height: 39.7619047619vw;
    margin-top: 9.5238095238vw;
    margin-top: 7.1428571429vw;
    margin-bottom: 15.4761904762vw;
    margin-left: 4.7619047619vw;
    left: -11.9047619048vw;
  }
}

/*-------------------------------------------------------------------
contSec_01
/*-------------------------------------------------------------------*/
.contSec_01 {
  position: relative;
  padding-top: 58px;
  border-top: 3px solid #000;
  overflow: hidden;
  background-image: url(../images/bg_green01.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.contSec_01 .contSec_sliderWrapList-baloon {
  padding-right: 25px;
}
@media screen and (max-width: 768px) {
  .contSec_01 .contSec_sliderWrapList-baloon {
    padding-right: 5.9523809524vw;
  }
}
.contSec_01 .contSec_img {
  width: 183px;
  position: absolute;
  right: 4px;
  bottom: 90px;
}
@media screen and (max-width: 768px) {
  .contSec_01 .contSec_img {
    width: 43.5714285714vw;
    right: 0.9523809524vw;
    bottom: 21.4285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .contSec_01 {
    padding-top: 13.8095238095vw;
    border-top: 0.7142857143vw solid #000;
  }
}

/*-------------------------------------------------------------------
contSec_02
/*-------------------------------------------------------------------*/
.contSec_02 {
  position: relative;
  padding-top: 58px;
  border-top: 3px solid #000;
  overflow: hidden;
}
.contSec_02 .contSec_sliderWrapList-baloon {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .contSec_02 .contSec_sliderWrapList-baloon {
    padding-left: 7.1428571429vw;
  }
}
.contSec_02 .contSec_img {
  width: 164px;
  position: absolute;
  left: -2px;
  bottom: 0px;
}
@media screen and (max-width: 768px) {
  .contSec_02 .contSec_img {
    width: 39.0476190476vw;
    left: -0.4761904762vw;
    bottom: 0vw;
  }
}
.contSec_02 .contSec_sliderWrapList-baloon {
  width: 281px;
  height: 167px;
  background-image: url(../images/contSec_baloon02.webp);
  padding-right: 0;
  left: auto;
  right: -50px;
  margin-left: 30px;
  margin-bottom: 37px;
}
@media screen and (max-width: 768px) {
  .contSec_02 .contSec_sliderWrapList-baloon {
    width: 66.9047619048vw;
    height: 39.7619047619vw;
    right: -11.9047619048vw;
    margin-left: 7.1428571429vw;
    margin-bottom: 8.8095238095vw;
  }
}
@media screen and (max-width: 768px) {
  .contSec_02 {
    padding-top: 13.8095238095vw;
    border-top: 0.7142857143vw solid #000;
  }
}

/*-------------------------------------------------------------------
contSec_03
/*-------------------------------------------------------------------*/
.contSec_03 {
  position: relative;
  padding-top: 58px;
  border-top: 3px solid #000;
  overflow: hidden;
  background-image: url(../images/bg_green01.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.contSec_03 .contSec_img {
  width: 166px;
  position: absolute;
  right: 1px;
  bottom: 53px;
}
@media screen and (max-width: 768px) {
  .contSec_03 .contSec_img {
    width: 39.5238095238vw;
    right: 0.2380952381vw;
    bottom: 12.619047619vw;
  }
}
.contSec_03 .contSec_sliderWrapList-baloon {
  padding-right: 25px;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .contSec_03 .contSec_sliderWrapList-baloon {
    padding-right: 5.9523809524vw;
    margin-left: 2.380952381vw;
  }
}
@media screen and (max-width: 768px) {
  .contSec_03 {
    padding-top: 13.8095238095vw;
    border-top: 0.7142857143vw solid #000;
  }
}

.contSec_img {
  width: 236px;
  position: absolute;
  right: -55px;
  bottom: 40px;
}
@media screen and (max-width: 768px) {
  .contSec_img {
    width: 56.1904761905vw;
    right: -13.0952380952vw;
    bottom: 9.5238095238vw;
  }
}

.contSec_sliderWrapList-baloon {
  width: 269px;
  height: 167px;
  background-image: url(../images/contSec_baloon03.webp);
  padding-right: 0;
  margin-left: 6px;
}
@media screen and (max-width: 768px) {
  .contSec_sliderWrapList-baloon {
    width: 64.0476190476vw;
    height: 39.7619047619vw;
    margin-left: 1.4285714286vw;
  }
}

/*-------------------------------------------------------------------
contSec_04
/*-------------------------------------------------------------------*/
.contSec_04 {
  position: relative;
  padding-top: 58px;
  padding-bottom: 30px;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  overflow: hidden;
}
.contSec_04 .contSec_top-ico {
  margin-bottom: 0 !important;
}
.contSec_04 .contSec_sliderWrapList-baloon {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .contSec_04 .contSec_sliderWrapList-baloon {
    padding-left: 7.1428571429vw;
  }
}
.contSec_04 .contSec_img {
  width: 273px;
  position: absolute;
  left: -70px;
  bottom: -20px;
}
@media screen and (max-width: 768px) {
  .contSec_04 .contSec_img {
    width: 65vw;
    left: -16.6666666667vw;
    bottom: -4.7619047619vw;
  }
}
.contSec_04 .contSec_sliderWrapList-baloon {
  width: 275px;
  height: 167px;
  background-image: url(../images/contSec_baloon04.webp);
  padding-right: 0;
  left: auto;
  right: -50px;
}
@media screen and (max-width: 768px) {
  .contSec_04 .contSec_sliderWrapList-baloon {
    width: 65.4761904762vw;
    height: 39.7619047619vw;
    right: -11.9047619048vw;
  }
}
@media screen and (max-width: 768px) {
  .contSec_04 {
    padding-top: 13.8095238095vw;
    padding-bottom: 7.1428571429vw;
    border-top: 0.7142857143vw solid #000;
    border-bottom: 0.7142857143vw solid #000;
  }
}

/*-------------------------------------------------------------------
about
/*-------------------------------------------------------------------*/
.about {
  background-color: #e4dcbb;
  padding-bottom: 60px;
  padding-top: 60px;
  border-bottom: 3px solid #000;
}
.about .about_chatch {
  font-size: 31.25px;
  font-weight: bold;
  line-height: 0.7;
  letter-spacing: 3.44px;
  text-align: center;
  color: #000;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .about .about_chatch {
    font-size: 7.4404761905vw;
    letter-spacing: 0.819047619vw;
    margin-bottom: 9.5238095238vw;
  }
}
.about .about_txt {
  font-size: 13px;
  font-weight: bold;
  line-height: 2.17;
  text-align: center;
  color: #008938;
  margin-bottom: 65px;
}
@media screen and (max-width: 768px) {
  .about .about_txt {
    font-size: 3.0952380952vw;
    margin-bottom: 15.4761904762vw;
  }
}
.about .about_img {
  width: 378px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .about .about_img {
    width: 90vw;
  }
}
@media screen and (max-width: 768px) {
  .about {
    padding-bottom: 14.2857142857vw;
    padding-top: 14.2857142857vw;
    border-bottom: 0.7142857143vw solid #000;
  }
}

/*-------------------------------------------------------------------
shop
/*-------------------------------------------------------------------*/
.shop {
  padding-bottom: 180px;
  padding-top: 50px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .shop {
    padding-bottom: 42.8571428571vw;
    padding-top: 11.9047619048vw;
  }
}
.shop .contSec_top-ico {
  margin-bottom: 0 !important;
}
.shop .shop_box {
  width: 380px;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
  border: 2px solid #000;
  position: relative;
}
.shop .shop_box:nth-child(odd) {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .shop .shop_box:nth-child(odd) {
    margin-top: 9.5238095238vw;
  }
}
@media screen and (max-width: 768px) {
  .shop .shop_box {
    width: 90.4761904762vw;
    border-radius: 4.7619047619vw;
    border: 0.4761904762vw solid #000;
  }
}
.shop .shop_box-middle {
  padding: 15px 25px;
  background-color: #e4dcbb;
}
.shop .shop_box-middle .shop_box-middleTtl {
  font-size: 19.75px;
  font-weight: bold;
  line-height: 1.58;
  text-align: left;
  color: #000;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .shop .shop_box-middle .shop_box-middleTtl {
    font-size: 4.7023809524vw;
    margin-bottom: 3.5714285714vw;
  }
}
.shop .shop_box-middle .shop_box-middleTxt {
  font-size: 12.5px;
  font-weight: bold;
  line-height: 1.58;
  text-align: left;
  color: #000;
}
.shop .shop_box-middle .shop_box-middleTxt a {
  color: #0000ff;
}
@media screen and (max-width: 768px) {
  .shop .shop_box-middle .shop_box-middleTxt {
    font-size: 2.9761904762vw;
  }
}
@media screen and (max-width: 768px) {
  .shop .shop_box-middle {
    padding: 3.5714285714vw 5.9523809524vw;
  }
}
.shop iframe {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .shop {
    padding-bottom: 26.1904761905vw;
    padding-top: 14.2857142857vw;
  }
}

/*-------------------------------------------------------------------
recommend
/*-------------------------------------------------------------------*/
.recommend {
  background-color: #e4dcbb;
  padding-bottom: 20px;
}
.recommend .recommend_ttl {
  width: 377.2045px;
  margin: 0 auto;
  position: relative;
  top: -20px;
}
@media screen and (max-width: 768px) {
  .recommend .recommend_ttl {
    width: 89.8105952381vw;
    top: -4.7619047619vw;
  }
}
.recommend .recommend_listWrap {
  overflow: hidden;
}
.recommend .recommend_listInner {
  display: flex;
  height: 140px;
  width: auto;
  animation: recommendMarquee 5s linear infinite;
  will-change: transform;
}
.recommend .recommend_listImg {
  display: block;
  height: auto;
  flex-shrink: 0;
  width: auto;
}
.recommend .recommend_listImg img {
  width: auto;
  height: 100%;
}
@keyframes recommendMarquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 768px) {
  .recommend {
    padding-bottom: 4.7619047619vw;
  }
}

/*-------------------------------------------------------------------
sns
/*-------------------------------------------------------------------*/
.sns {
  padding-top: 115px;
  background: #99caaa;
  padding-bottom: 65px;
  overflow: hidden;
}
.sns .sns_imgWrap {
  display: flex;
  justify-content: center;
  gap: 10px;
  position: relative;
  margin-bottom: 85px;
}
.sns .sns_imgWrap .sns_img {
  width: 118px;
  display: block;
  z-index: 10;
  position: relative;
}
@media screen and (max-width: 768px) {
  .sns .sns_imgWrap .sns_img {
    width: 28.0952380952vw;
  }
}
@media screen and (max-width: 768px) {
  .sns .sns_imgWrap {
    gap: 2.380952381vw;
    margin-bottom: 20.2380952381vw;
  }
}
@media screen and (max-width: 768px) {
  .sns {
    padding-top: 27.380952381vw;
    padding-bottom: 15.4761904762vw;
  }
}

.sns_object2 {
  position: absolute;
  right: 0;
  top: -30px;
  width: 100%;
  z-index: 100;
  transform: translateY(-90%);
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .sns_object2 {
    width: 29.0476190476vw;
  }
}

.sns_object {
  width: 77px;
  margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
  .sns_object {
    width: 18.3333333333vw;
    margin: 4.7619047619vw auto 0;
  }
}

.sns_wrap {
  background-position: center top;
  background-image: url(../images/sns_bg01.webp);
  background-repeat: no-repeat;
  background-size: 80%;
  padding-top: 40px;
}
.sns_wrap .sns_subttl {
  font-size: 13.5px;
  font-weight: bold;
  line-height: 1.63;
  letter-spacing: 1.485px;
  text-align: center;
  color: #000;
  background-image: url(../images/sns_bloon01.webp);
  width: 250px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .sns_wrap .sns_subttl {
    font-size: 3.2142857143vw;
    letter-spacing: 0.3535714286vw;
    width: 59.5238095238vw;
    height: 11.1904761905vw;
    margin-bottom: 11.9047619048vw;
  }
}
.sns_wrap .sns_wrap {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .sns_wrap .sns_wrap {
    margin-top: 9.5238095238vw;
  }
}
.sns_wrap .sns_listWrap {
  display: flex;
  justify-content: center;
  gap: 50px;
}
.sns_wrap .sns_listWrap .sns_list {
  width: 70px;
  display: block;
}
@media screen and (max-width: 768px) {
  .sns_wrap .sns_listWrap .sns_list {
    width: 16.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .sns_wrap .sns_listWrap {
    gap: 11.9047619048vw;
  }
}
.sns_wrap .sns_object {
  width: 85px;
  margin: 17px auto;
}
@media screen and (max-width: 768px) {
  .sns_wrap .sns_object {
    width: 20.2380952381vw;
    margin: 4.0476190476vw auto;
  }
}
@media screen and (max-width: 768px) {
  .sns_wrap {
    padding-top: 9.5238095238vw;
  }
}

/*-------------------------------------------------------------------
pc_left_cont
/*-------------------------------------------------------------------*/
.pc_left_cont {
  background-color: #f2efe9;
}
@media screen and (max-width: 768px) {
  .pc_left_cont {
    display: none;
  }
}

.pc_left_cont {
  background-repeat: repeat-x;
  background-position: right top;
  background-size: 100%;
}
.pc_left_cont::after {
  content: "";
  display: block;
  width: 1396px;
  height: 80px;
  background-image: url(../images/pc_left_contTop.webp);
  background-repeat: repeat-x;
  background-position: right top;
  background-size: 100% 115%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .pc_left_cont::after {
    background-position: right -4.7619047619vw;
    background-size: 291.4285714286vw;
  }
}

.pc_left_contInner {
  width: 615px;
  margin-right: 0;
  margin-left: auto;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .pc_left_contInner {
    width: 133.3333333333vw;
    padding: 0 7.1428571429vw;
  }
}

.side_contTop {
  margin-bottom: 55px;
}
@media screen and (max-width: 768px) {
  .side_contTop {
    margin-bottom: 25vw;
  }
}

.side_contTop-logo {
  width: 234px;
}
@media screen and (max-width: 768px) {
  .side_contTop-logo {
    width: 55.7142857143vw;
  }
}

.side_contTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0 20px;
}
@media screen and (max-width: 768px) {
  .side_contTop {
    padding: 1.1904761905vw 0 4.7619047619vw;
  }
}

.side_contTop-info {
  display: flex;
  gap: 25px;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .side_contTop-info {
    gap: 3.5714285714vw;
    align-items: center;
    margin-top: 1.1904761905vw;
  }
}

.side_contTop-infoBtn {
  width: 92px;
  height: 29px;
  font-size: 13.5px;
  font-weight: bold;
  letter-spacing: 1.62px;
  text-align: left;
  color: #008938;
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .side_contTop-infoBtn {
    width: 17.8571428571vw;
    height: 6.1904761905vw;
    font-size: 2.8571428571vw;
    letter-spacing: 0.2380952381vw;
    border-radius: 4.7619047619vw;
  }
}

.side_contTop-infoLine {
  width: 20px;
  display: block;
}
.side_contTop-infoLine img {
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .side_contTop-infoLine {
    width: 4.7619047619vw;
  }
}

.side_contTop-infoCart {
  width: 20px;
  display: block;
}
.side_contTop-infoCart img {
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .side_contTop-infoCart {
    width: 4.5238095238vw;
  }
}

/*-------------------------------------------------------------------
pc_right_cont
/*-------------------------------------------------------------------*/
.pc_right_cont {
  background-color: #f2efe9;
  padding-left: 60px;
  background-repeat: repeat-x;
  background-position: left top;
  background-size: 100%;
}
.pc_right_cont::after {
  content: "";
  display: block;
  width: 1184px;
  height: 80px;
  background-image: url(../images/pc_right_contTop.webp);
  background-repeat: repeat-x;
  background-position: left top;
  background-size: 100% 115%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .pc_right_cont {
    display: none;
  }
}

.staff_voice {
  width: 456px;
  margin-bottom: 40px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .staff_voice {
    width: 90.4761904762vw;
    margin: 0 auto;
  }
}

.staff_voice-object01 {
  position: absolute;
  top: -2%;
  left: -2.5%;
  width: 105%;
  height: 100%;
  z-index: 100;
}

.staff_voice-text {
  position: absolute;
  bottom: 10px;
  left: 22px;
  width: 100%;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .staff_voice-text {
    bottom: 2.380952381vw;
    left: 5.2380952381vw;
  }
}

.staff_voice-text-en {
  width: 230px;
  display: block;
}
@media screen and (max-width: 768px) {
  .staff_voice-text-en {
    width: 50vw;
  }
}

.staff_voice-text-ja {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11.5px;
  font-weight: bold;
  line-height: 1.91;
  text-align: left;
  color: #000;
}
@media screen and (max-width: 768px) {
  .staff_voice-text-ja {
    font-size: 2.2619047619vw;
  }
}

.staff_voice-imgBox {
  position: relative;
  display: block;
}

.staff_voiceBottom {
  background-image: url(../images/staff_voiceBottomBg01.webp);
  border-radius: 0 0 10px 10px;
  height: 92px;
  display: flex;
  align-items: center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .staff_voiceBottom {
    border-radius: 0 0 2.380952381vw 2.380952381vw;
    height: 21.9047619048vw;
  }
}

.staff_voiceBottom-txt {
  padding-right: 180px;
  padding-left: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10.5px;
  font-weight: bold;
  line-height: 1.8;
  text-align: left;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .staff_voiceBottom-txt {
    padding-right: 30.9523809524vw;
    padding-left: 4.7619047619vw;
    font-size: 2.2619047619vw;
  }
}

.staff_voiceBottom-img {
  position: absolute;
  width: 178px;
  right: 5px;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .staff_voiceBottom-img {
    width: 33.3333333333vw;
    right: -1.1904761905vw;
  }
}

.staff_voice-object02 {
  position: absolute;
  bottom: -10%;
  left: -6%;
  width: 118%;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .staff_voice-object02 {
    display: none;
  }
}

.line_box {
  width: 475.5px;
  margin-left: auto;
  margin-right: auto;
}
.line_box .line_box-baloon {
  font-size: 16.75px;
  font-weight: bold;
  line-height: 1.31;
  letter-spacing: 2.01px;
  text-align: center;
  color: #000;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .line_box .line_box-baloon {
    font-size: 3.9880952381vw;
    letter-spacing: 0.4785714286vw;
    margin-bottom: 2.380952381vw;
  }
}
.line_box .line_box-btn {
  font-size: 19.75px;
  font-weight: bold;
  line-height: 1.11;
  letter-spacing: 1.185px;
  text-align: left;
  color: #000;
  height: 67px;
  border-radius: 67px;
  display: flex;
  background-color: #fff;
  align-items: center;
  justify-content: center;
  border: 2px solid #000;
  box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
  gap: 10px;
  background-image: url(../images/line_box-btnIco02.svg);
  background-repeat: no-repeat;
  background-size: 22px;
  background-position: right 30px center;
  transition: all 0.3s ease;
  position: relative;
}
.line_box .line_box-btn:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(../images/line_box-btnIco01.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .line_box .line_box-btn:before {
    width: 4.7619047619vw;
    height: 4.7619047619vw;
  }
}
.line_box .line_box-btn:hover {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  bottom: -3px;
}
@media screen and (max-width: 768px) {
  .line_box .line_box-btn {
    font-size: 4.7023809524vw;
    letter-spacing: 0.2821428571vw;
    height: 15.9523809524vw;
    border-radius: 15.9523809524vw;
    border: 0.4761904762vw solid #000;
    box-shadow: 0.7142857143vw 0.7142857143vw 0vw 0vw rgba(0, 0, 0, 0.1);
    gap: 2.380952381vw;
    background-size: 5.2380952381vw;
    background-position: right 7.1428571429vw center;
  }
}
@media screen and (max-width: 768px) {
  .line_box {
    width: 113.2142857143vw;
  }
}

/*-------------------------------------------------------------------
pc_right_cont
/*-------------------------------------------------------------------*/
.pc_right_cont {
  display: flex;
  padding-top: 30px;
  gap: 30px;
  width: 405px;
}
@media screen and (max-width: 768px) {
  .pc_right_cont {
    padding-top: 26.1904761905vw;
    gap: 7.1428571429vw;
    display: none;
  }
}

.pc_right_contTxt {
  width: 21px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .pc_right_contTxt {
    width: 5vw;
    margin-top: 11.9047619048vw;
  }
}

.lineUp_listTtl {
  text-align: center;
  line-height: 1.2;
}
.lineUp_listTtl .small {
  display: block;
  font-size: 9px;
  letter-spacing: -1px;
  line-height: 1.63;
  font-weight: bold;
  height: 0.8em;
}
@media screen and (max-width: 768px) {
  .lineUp_listTtl .small {
    font-size: 2.1428571429vw;
    letter-spacing: -0.2380952381vw;
    height: 0.1904761905vw;
  }
}

.lineUp_listTtl-en {
  display: block;
  width: 97px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .lineUp_listTtl-en {
    width: 23.0952380952vw;
  }
}

.lineUp_listTtl-ja {
  font-size: 13.5px;
  font-weight: bold;
  line-height: 1.63;
  text-align: left;
  color: #000;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .lineUp_listTtl-ja {
    font-size: 3.2142857143vw;
  }
}

.column_box {
  display: flex;
  gap: 9px;
  width: 241px;
  flex-wrap: wrap;
  margin: 15px auto 0;
}
.column_box .column_boxList {
  width: 116px;
  height: 90px;
  border-radius: 12px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto;
}
.column_box .column_boxList .lineUp_listBg img {
  transition: all 0.3s ease;
}
.column_box .column_boxList:hover .lineUp_listBg img {
  scale: 1.1;
}
@media screen and (max-width: 768px) {
  .column_box .column_boxList {
    width: 27.619047619vw;
    height: 21.4285714286vw;
    border-radius: 2.8571428571vw;
  }
}
.column_box .lineUp_listTtl {
  font-size: 13.5px;
  font-weight: bold;
  line-height: 1.63;
  letter-spacing: 1.62px;
  text-align: center;
  color: #fff;
  display: block;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .column_box .lineUp_listTtl {
    font-size: 3.2142857143vw;
    letter-spacing: 0.3857142857vw;
    margin-top: 1.1904761905vw;
  }
}
.column_box .lineUp_listBg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 1;
  z-index: -1;
}
.column_box .lineUp_listBg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .column_box {
    gap: 2.1428571429vw;
    width: 57.380952381vw;
    margin: 3.5714285714vw auto 0;
  }
}

.lineUp_object {
  width: 25px;
  position: absolute;
  right: 30px;
  bottom: 140px;
}
@media screen and (max-width: 768px) {
  .lineUp_object {
    width: 5.9523809524vw;
    right: 7.1428571429vw;
    bottom: 2.380952381vw;
  }
}

.lineUp_object2 {
  width: 25px;
  position: absolute;
  right: 100px;
  top: 60px;
}
@media screen and (max-width: 768px) {
  .lineUp_object2 {
    width: 5.9523809524vw;
    right: 23.8095238095vw;
    bottom: 14.2857142857vw;
  }
}

.lineUp_listTtl {
  position: relative;
}

.pc_right_contMiddle .pc_right_contMiddleTop-btn {
  width: 253.5px;
  height: 30px;
  background-color: #c1e2ce;
  font-size: 13.5px;
  font-weight: bold;
  line-height: 1.63;
  letter-spacing: 0.81px;
  text-align: left;
  color: #000;
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-radius: 30px;
  border: 1px solid #000;
  background-image: url(../images/pc_right_contMiddleTop-btn.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: right 15px center;
  margin-top: 13px;
}
@media screen and (max-width: 768px) {
  .pc_right_contMiddle .pc_right_contMiddleTop-btn {
    width: 57.1428571429vw;
    height: 9.7619047619vw;
    font-size: 3.2142857143vw;
    letter-spacing: 0.1928571429vw;
    padding: 0 4.7619047619vw;
    border-radius: 7.1428571429vw;
    border: 0.2380952381vw solid #000;
    background-size: 3.3333333333vw;
    background-position: right 3.5714285714vw center;
    margin-top: 2.380952381vw;
  }
}

.pc_right_contMiddleBottom {
  display: flex;
  gap: 28px;
  margin-top: 18px;
  margin-bottom: 20px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .pc_right_contMiddleBottom {
    gap: 6.6666666667vw;
    margin-top: 7.1428571429vw;
    margin-bottom: 2.380952381vw;
  }
}

.pc_right_contMiddleBottom-btn {
  width: 39px;
}
@media screen and (max-width: 768px) {
  .pc_right_contMiddleBottom-btn {
    width: 10vw;
  }
}

.staff_voice-object03 {
  width: 25px;
  position: absolute;
  right: -50px;
  bottom: 10px;
}
@media screen and (max-width: 768px) {
  .staff_voice-object03 {
    width: 5.9523809524vw;
    right: -11.9047619048vw;
    bottom: 2.380952381vw;
  }
}

.lineUp_listExternal {
  width: 11px;
  display: block;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
@media screen and (max-width: 768px) {
  .lineUp_listExternal {
    width: 2.619047619vw;
    right: 2.380952381vw;
    bottom: 2.380952381vw;
  }
}

.staff_voice-date {
  width: 115px;
  height: 115px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1px;
  background-image: url(../images/staff_voice-object04.webp);
  background-size: 52px;
  background-repeat: no-repeat;
  background-position: left bottom;
  line-height: 1;
  color: #fff;
  font-weight: 800;
}
@media screen and (max-width: 768px) {
  .staff_voice-date {
    width: 27.380952381vw;
    height: 27.380952381vw;
    gap: 0.2380952381vw;
    background-size: 12.380952381vw;
  }
}

.staff_voice-dateYear {
  font-size: 11px;
}
@media screen and (max-width: 768px) {
  .staff_voice-dateYear {
    font-size: 2.619047619vw;
  }
}

.staff_voice-dateDate {
  font-size: 41px;
}
@media screen and (max-width: 768px) {
  .staff_voice-dateDate {
    font-size: 9.7619047619vw;
  }
}

.staff_voice-dateDayOfTheWeek {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .staff_voice-dateDayOfTheWeek {
    font-size: 2.8571428571vw;
  }
}

.pc_right_contLineUp {
  margin-bottom: 23px;
}
@media screen and (max-width: 768px) {
  .pc_right_contLineUp {
    margin-bottom: 5.4761904762vw;
  }
}

/*-------------------------------------------------------------------
animation_wrapBox
/*-------------------------------------------------------------------*/
.animation_wrapBox .contSec_01 {
  background-image: url(../images/bg_green02.webp);
  background-size: cover;
  padding-top: 56px;
  border-top: 2px solid #000;
}
@media screen and (max-width: 768px) {
  .animation_wrapBox .contSec_01 {
    padding-top: 13.3333333333vw;
    border-top: 0.4761904762vw solid #000;
  }
}

/*-------------------------------------------------------------------
footer
/*-------------------------------------------------------------------*/
footer {
  background-image: url(../images/footer_bg01.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 100000;
  padding-bottom: 120px;
  position: relative;
}
@media screen and (max-width: 768px) {
  footer {
    padding-bottom: 9.5238095238vw;
  }
}
footer .footer_inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 100px 75px 20px;
  display: flex;
  justify-content: space-between;
  gap: 130px;
}
@media screen and (max-width: 768px) {
  footer .footer_inner {
    max-width: 342.8571428571vw;
    padding: 4.7619047619vw 5.9523809524vw 4.7619047619vw;
    gap: 5.9523809524vw;
    flex-direction: column;
  }
}
footer .footer_left {
  display: flex;
  align-items: baseline;
}
footer .footer_logo {
  width: 358px;
}
@media screen and (max-width: 768px) {
  footer .footer_logo {
    width: 52.380952381vw;
    margin-right: 5.9523809524vw;
  }
}
footer .footer_snsWrap {
  display: flex;
  gap: 20px;
}
footer .footer_snsWrap .footer_sns {
  width: 20px;
  display: block;
}
@media screen and (max-width: 768px) {
  footer .footer_snsWrap .footer_sns {
    width: 5.2380952381vw;
  }
}
@media screen and (max-width: 768px) {
  footer .footer_snsWrap {
    gap: 4.7619047619vw;
  }
}
footer .footer_center {
  display: flex;
  gap: 100px;
}
@media screen and (max-width: 768px) {
  footer .footer_center {
    gap: 9.5238095238vw;
  }
}
footer .footer_list {
  font-size: 16.75px;
  font-weight: bold;
  line-height: 2.3;
  letter-spacing: 1.845px;
  text-align: left;
  color: #fff;
}
footer .footer_list span {
  font-size: 80%;
  display: block;
  margin-top: -1em;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  footer .footer_list {
    font-size: 2.8571428571vw;
    letter-spacing: 0.4392857143vw;
  }
}
footer .footer_right .footer_right-btn {
  width: 132px;
  display: block;
}
@media screen and (max-width: 768px) {
  footer .footer_right .footer_right-btn {
    width: 14.2857142857vw;
    position: absolute;
    right: 10vw;
    top: 26vw;
  }
}
footer .footer_foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 13.5px;
  font-weight: bold;
  line-height: 1.63;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 75px;
  display: flex;
}
@media screen and (max-width: 768px) {
  footer .footer_foot {
    font-size: 3.2142857143vw;
    max-width: 342.8571428571vw;
    padding: 0 4.7619047619vw;
  }
}
footer .footer_foot-left {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  footer .footer_foot-left {
    gap: 2.380952381vw;
    font-size: 2.8571428571vw;
  }
}
footer .footer_foot-left .footer_foot-left-link {
  display: flex;
  align-items: center;
  gap: 10px;
}
footer .footer_foot-left .footer_foot-left-link:first-child:after {
  content: "";
  width: 1px;
  height: 38px;
  background-color: #fff;
  display: block;
}
@media screen and (max-width: 768px) {
  footer .footer_foot-left .footer_foot-left-link:first-child:after {
    width: 0.2380952381vw;
    height: 5.9523809524vw;
  }
}
@media screen and (max-width: 768px) {
  footer .footer_foot-left .footer_foot-left-link {
    gap: 2.380952381vw;
  }
}
@media screen and (max-width: 768px) {
  footer .footer_foot-left {
    gap: 2.380952381vw;
  }
}
@media screen and (max-width: 768px) {
  footer {
    padding-bottom: 4.7619047619vw;
  }
}

.animation_wrapBox {
  position: relative;
}

.route_wrap {
  position: absolute;
  top: 100px;
  width: 100%;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .route_wrap {
    top: 23.8095238095vw;
  }
}

.footer_foot-right {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .footer_foot-right {
    font-size: 2.8571428571vw;
  }
}

.route {
  position: relative;
  width: 100%;
  pointer-events: none;
}
.route .route_img {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: block;
}
.route .route_img img {
  width: 100%;
  height: auto;
  display: block;
}
.route .route_object {
  position: absolute;
  top: 0;
  left: 0;
  width: 98px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .route .route_object {
    width: 23.3333333333vw;
  }
}

.shop_object {
  width: 120px;
  position: absolute;
  bottom: -31px;
  left: 30px;
}
@media screen and (max-width: 768px) {
  .shop_object {
    width: 28.5714285714vw;
    bottom: -7.380952381vw;
    left: 7.1428571429vw;
  }
}

.about_ttl {
  position: relative;
}

.sp_staff_voice {
  display: none;
  background-color: #f2efe9;
  padding-bottom: 7.1428571429vw;
  padding-top: 32.1428571429vw;
}
@media screen and (max-width: 768px) {
  .sp_staff_voice {
    display: block;
  }
}

.sp_header {
  background-image: url(../images/sp_headerBg01.webp);
  width: 100%;
  height: 23.0952380952vw;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  padding-left: 2.380952381vw;
  padding-right: 2.380952381vw;
  padding-bottom: 7.1428571429vw;
  padding-top: 0vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  display: none;
}
@media screen and (max-width: 768px) {
  .sp_header {
    display: flex;
  }
}

.sp_header_logo {
  width: 46.4285714286vw;
  margin-right: 2.380952381vw;
}

.sp_menu {
  width: 9.5238095238vw;
}

.sp_nav {
  display: none;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .sp_nav {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .sp_nav.is-open {
    visibility: visible;
    opacity: 1;
  }
}

.pc_right_contMiddle .pc_right_contMiddleTop-btn {
  margin-left: auto;
  margin-right: auto;
}
.pc_right_contMiddle .pc_right_contMiddleTop-btn.bike::before {
  content: "";
  width: 4.2857142857vw;
  height: 2.619047619vw;
  background-image: url(../images/icon_bike.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 2.380952381vw;
}
.pc_right_contMiddle .pc_right_contMiddleTop-btn.sup::before {
  content: "";
  width: 3.0952380952vw;
  height: 3.0952380952vw;
  background-image: url(../images/icon_sup.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 2.380952381vw;
}

.sp_navTop {
  display: flex;
  align-items: center;
  padding: 0 2.380952381vw;
  padding-bottom: 7.1428571429vw;
  padding-top: 4.2857142857vw;
  justify-content: space-between;
}

.sp_navLogo {
  width: 46.4285714286vw;
}

.sp_navClose {
  width: 9.5238095238vw;
}

.pc_right_contLineTxt {
  width: 9.5238095238vw;
  position: absolute;
  right: 7.1428571429vw;
  top: 19.0476190476vw;
}

.pc_right_contLineAll {
  padding-right: 7.1428571429vw;
}

.about_chatch, .about_txt, .about_img {
  z-index: 100;
  position: relative;
}

.shop_box-map {
  height: 210px;
}
@media screen and (max-width: 768px) {
  .shop_box-map {
    height: 50vw;
  }
}

.contSec_02 .contSec_sliderWrapList-text, .contSec_04 .contSec_sliderWrapList-text {
  background-color: #fff;
}

.contSec_02 .contSec_top-en, .contSec_02 .contSec_top-js, .contSec_04 .contSec_top-en, .contSec_04 .contSec_top-js {
  background-color: #fff;
}

.about_chatch {
  background-color: #e4dcbb;
}

.recommend {
  z-index: 10000;
  position: relative;
}

.contSec_sliderWrapList a {
  display: block;
}

.catalog_btn {
  width: 253.5px;
  height: 30px;
  background-color: #fff;
  font-size: 13.5px;
  font-weight: bold;
  line-height: 1.63;
  letter-spacing: 0.81px;
  text-align: left;
  color: #000;
  display: flex;
  align-items: center;
  padding: 0 15px 2px 40px;
  border-radius: 30px;
  border: 1px solid #000;
  background-image: url(../images/catalog_btn02.svg), url(../images/catalog_btn01.svg);
  background-size: 12px, 12px;
  background-repeat: no-repeat;
  background-position: right 12px center, left 12px center;
  margin-top: 13px;
  letter-spacing: 0;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .catalog_btn {
    width: 57.1428571429vw;
    height: 9.7619047619vw;
    font-size: 3.2142857143vw;
    letter-spacing: 0.1928571429vw;
    padding: 0 4.7619047619vw;
    border-radius: 7.1428571429vw;
    border: 0.2380952381vw solid #000;
    background-size: 2.8571428571vw, 2.8571428571vw;
    background-position: right 2.8571428571vw center, left 2.8571428571vw center;
    margin-top: 2.380952381vw;
    margin-bottom: 4.7619047619vw;
  }
}

.pc_right_contMiddle .column_boxList {
  height: 78px;
  position: relative;
  pointer-events: none;
}
.pc_right_contMiddle .column_boxList::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #2b2a2a;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .pc_right_contMiddle .column_boxList {
    height: 18.5714285714vw;
  }
}

.findByCategory {
  background-color: #008938;
  width: 100%;
  padding: 15px 0 30px;
  color: #fff;
  z-index: 100000;
  position: relative;
}
@media screen and (max-width: 768px) {
  .findByCategory {
    padding: 3.5714285714vw 0 7.1428571429vw;
  }
}
.findByCategory .findByCategory_ttl {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.63;
  letter-spacing: 1.62px;
  text-align: center;
  color: #fff;
  background-image: url(../images/findByCategory_ttl01.webp);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .findByCategory .findByCategory_ttl {
    font-size: 3.5714285714vw;
    letter-spacing: 0.3857142857vw;
  }
}
.findByCategory .findByCategory_ttl:before {
  display: inline-block;
  content: "";
  width: 21px;
  height: 21px;
  background-image: url(../images/findByCategory_ttl02.webp);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.3em;
  position: relative;
  bottom: -0.2em;
}
@media screen and (max-width: 768px) {
  .findByCategory .findByCategory_ttl:before {
    width: 5vw;
    height: 5vw;
    margin-right: 0.0714285714vw;
    bottom: -0.0476190476vw;
  }
}
.findByCategory .findByCategory_listWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .findByCategory .findByCategory_listWrap {
    gap: 3.5714285714vw;
    margin-top: 2.380952381vw;
  }
}
.findByCategory .findByCategory_listWrap .findByCategory_list a {
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 36px;
  padding: 10px 30px 10px 20px;
  font-size: 13.5px;
  font-weight: bold;
  line-height: 1.63;
  letter-spacing: 1.62px;
  text-align: center;
  color: #008938;
  border: 1px solid #000;
  background-image: url(../images/line_box-btnIco02.svg);
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: right 10px center;
}
@media screen and (max-width: 768px) {
  .findByCategory .findByCategory_listWrap .findByCategory_list a {
    width: 42.8571428571vw;
    height: 8.5714285714vw;
    padding: 2.380952381vw 2.380952381vw 2.380952381vw 2.380952381vw;
    font-size: 3.2142857143vw;
    letter-spacing: 0.3857142857vw;
    border-radius: 8.5714285714vw;
  }
}

.route_goal {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.route_goal img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#sb_instagram {
  padding: 0 10px !important;
}
@media screen and (max-width: 768px) {
  #sb_instagram {
    padding: 0 2.380952381vw !important;
  }
}

#sb_instagram .sbi_item {
  border-radius: 20px !important;
}
@media screen and (max-width: 768px) {
  #sb_instagram .sbi_item {
    border-radius: 4.7619047619vw !important;
  }
}

#cat-anchor03-0 a {
  width: 192px;
}
@media screen and (max-width: 768px) {
  #cat-anchor03-0 a {
    width: 45.7142857143vw;
  }
}

#cat-anchor03-1 a {
  width: 168px;
}
@media screen and (max-width: 768px) {
  #cat-anchor03-1 a {
    width: 40vw;
  }
}

#cat-anchor03-2 a {
  width: 168px;
}
@media screen and (max-width: 768px) {
  #cat-anchor03-2 a {
    width: 40vw;
  }
}

#cat-anchor03-3 a {
  width: 192px;
}
@media screen and (max-width: 768px) {
  #cat-anchor03-3 a {
    width: 45.7142857143vw;
  }
}

.pc_right_contMiddleTop-btn.bike, .pc_right_contMiddleTop-btn.sup {
  pointer-events: none !important;
  opacity: 0.6 !important;
  background-color: #ccc !important;
}

.sp_nav.is-open {
  z-index: 100000000;
}

.whiteBtn {
  background-color: #fff !important;
  color: #000 !important;
  border: 2px solid #000 !important;
  background-image: url(../images/salesParty_btnArrow2.webp), url(../images/catalog_btn01.svg) !important;
  background-size: 8px, 4.5% !important;
}
@media screen and (max-width: 768px) {
  .whiteBtn {
    background-size: 1.9047619048vw, 4.5% !important;
  }
}

.contSec_top-read {
  text-align: center;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .contSec_top-read {
    margin-bottom: 3.5714285714vw;
  }
}

.whiteBtnWrap {
  margin-top: 15px !important;
}
@media screen and (max-width: 768px) {
  .whiteBtnWrap {
    margin-top: 3.5714285714vw !important;
  }
}/*# sourceMappingURL=style.css.map */