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

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

body {
  line-height: 1;
}

blockquote, q {
  quotes: none;
}

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

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

ul, ol {
  margin: 0;
  padding: 0;
}

/* text clamp */
p:empty {
  display: none;
}

/*
    button
*/
a:focus {
  outline: none;
}
a:hover {
  opacity: 0.7;
}

#main {
  padding-top: 154px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  #main {
    padding-top: 12.03125vw;
  }
}
@media (max-width: 768px) {
  #main {
    padding-top: 36.5333333333vw;
  }
}

section:not(#banner) .inner > span {
  position: absolute;
  z-index: 1;
}
section:not(#banner) .inner .sticky_07 {
  right: 0;
  top: -45px;
  height: 296px;
  width: 132px;
  animation: anime_loading_pc 3.6s ease infinite;
  background-image: url("../images/Deco_ravioli.png");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 1280px) and (min-width: 769px) {
  section:not(#banner) .inner .sticky_07 {
    top: -3.515625vw;
    height: 23.125vw;
    width: 10.3125vw;
    animation: anime_loading_pc 3.6s ease infinite;
  }
}
@media (max-width: 768px) {
  section:not(#banner) .inner .sticky_07 {
    background-image: url("../images/Deco_ravioli_Origin.webp");
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    top: -9.0666666667vw;
    right: 4.5333333333vw;
    height: 51.2vw;
    width: 25.6vw;
    z-index: 0;
    animation: anime_loading_sp 3.6s ease infinite;
  }
}
section:not(#banner) .inner .sticky_08 {
  left: 0;
  top: -270px;
  width: 218px;
  height: 341px;
  animation: anime_loading_pc 3.8s ease infinite;
  background-image: url("../images/Deco_Bear.png");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 1280px) and (min-width: 769px) {
  section:not(#banner) .inner .sticky_08 {
    top: -21.09375vw;
    bottom: 6.640625vw;
    height: 26.640625vw;
    width: 17.03125vw;
  }
}
@media (max-width: 768px) {
  section:not(#banner) .inner .sticky_08 {
    background-image: url("../images/Deco_Bear.png");
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    top: -12.2666666667vw;
    height: 57.6vw;
    width: 37.0666666667vw;
    animation: anime_loading_sp 3.2s ease infinite;
    z-index: 0;
  }
}
section:not(#banner) .inner .sticky_09 {
  position: absolute;
  right: -31px;
  top: -50px;
  height: 230px;
  width: 139px;
  animation: anime_loading_pc 3.8s ease infinite;
}
@media (max-width: 1280px) and (min-width: 769px) {
  section:not(#banner) .inner .sticky_09 {
    right: -2.421875vw;
    top: -3.90625vw;
    height: 17.96875vw;
    width: 10.859375vw;
  }
}
@media (max-width: 768px) {
  section:not(#banner) .inner .sticky_09 {
    right: -4.2666666667vw;
    top: -11.2vw;
    height: 32vw;
    width: 20vw;
    animation: anime_loading_sp 3.8s ease infinite;
  }
}
section:not(#banner) .inner .sticky_09 img {
  transform: rotate(-32deg);
}
section:not(#banner) .inner .sticky_10 {
  position: absolute;
  left: -30px;
  top: -145px;
  width: 139px;
  height: 230px;
  animation: anime_loading_pc 3.2s ease infinite;
}
@media (max-width: 1280px) and (min-width: 769px) {
  section:not(#banner) .inner .sticky_10 {
    left: -2.34375vw;
    top: -11.328125vw;
    width: 10.859375vw;
    height: 17.96875vw;
  }
}
@media (max-width: 768px) {
  section:not(#banner) .inner .sticky_10 {
    left: -4.5333333333vw;
    top: -18.6666666667vw;
    width: 21.8666666667vw;
    height: 32vw;
    animation: anime_loading_sp 3.2s ease infinite;
  }
}
section:not(#banner) .inner .sticky_10 img {
  transform: rotate(33deg);
}
section:not(#banner) .inner .sticky_11 {
  right: 6px;
  top: -130px;
  width: 102px;
  height: 248px;
  animation: anime_loading_pc 4.2s ease infinite;
  background-image: url("../images/Deco_bunny.png");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 1280px) and (min-width: 769px) {
  section:not(#banner) .inner .sticky_11 {
    right: 0.46875vw;
    top: -10.15625vw;
    height: 19.375vw;
    width: 7.96875vw;
  }
}
@media (max-width: 768px) {
  section:not(#banner) .inner .sticky_11 {
    right: 0;
    top: -18.4vw;
    height: 41.6vw;
    width: 17.2346666667vw;
    animation: anime_loading_sp 4.2s ease infinite;
  }
}
section:not(#banner) .inner .sticky_12 {
  left: -13px;
  bottom: -14px;
  height: 209px;
  width: 115px;
  animation: anime_loading_pc 4s ease infinite;
  background-image: url("../images/Deco_cat.png");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 1280px) and (min-width: 769px) {
  section:not(#banner) .inner .sticky_12 {
    left: -1.015625vw;
    bottom: -1.09375vw;
    height: 16.328125vw;
    width: 8.984375vw;
  }
}
@media (max-width: 768px) {
  section:not(#banner) .inner .sticky_12 {
    background-image: url("../images/Deco_cat_sp.png");
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    left: 0;
    bottom: -42.1333333333vw;
    height: 35.2vw;
    width: 21.8666666667vw;
    animation: anime_loading_sp 4s ease infinite;
  }
}
section:not(#banner) .inner .sticky_13 {
  right: 0;
  bottom: -15px;
  width: 99px;
  height: 245px;
  animation: anime_loading_pc 3s ease infinite;
  background-image: url("../images/Deco_Juno.png");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 1280px) and (min-width: 769px) {
  section:not(#banner) .inner .sticky_13 {
    bottom: -1.171875vw;
    height: 19.140625vw;
    width: 7.734375vw;
  }
}
@media (max-width: 768px) {
  section:not(#banner) .inner .sticky_13 {
    background-image: url("../images/Deco_Juno_Origin.webp");
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    bottom: -44.5333333333vw;
    height: 41.0666666667vw;
    width: 19.4666666667vw;
    animation: anime_loading_sp 3s ease infinite;
  }
}

/*
    Pagination
*/
/*
    Title Section
*/
.tlt_section {
  position: relative;
  text-align: left;
  padding-left: 96px;
  margin-bottom: 30px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .tlt_section {
    padding-left: 7.5vw;
    margin-bottom: 2.34375vw;
  }
}
@media (max-width: 768px) {
  .tlt_section {
    padding-left: 14.9333333333vw;
    margin-bottom: 6.1333333333vw;
  }
}
.tlt_section.isanimeted:before {
  animation: anime_loading 1.8s ease infinite;
}
.tlt_section h2 {
  font-size: 72px;
  letter-spacing: 2.16px;
  font-family: "Bree Serif", serif;
  line-height: 98px;
  text-transform: uppercase;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .tlt_section h2 {
    font-size: 5.625vw;
    letter-spacing: 0.16875vw;
    line-height: 7.65625vw;
  }
}
@media (max-width: 768px) {
  .tlt_section h2 {
    font-size: 12vw;
    letter-spacing: 0.36vw;
    line-height: 16.2666666667vw;
    font-family: "Bree Serif", serif;
  }
}
.tlt_section span {
  font-size: 16px;
  letter-spacing: 1.28px;
  line-height: 24px;
  font-weight: bold;
  display: inline-block;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .tlt_section span {
    font-size: 1.25vw;
    letter-spacing: 0.1vw;
    line-height: 1.875vw;
  }
}
@media (max-width: 768px) {
  .tlt_section span {
    font-size: 2.6666666667vw;
    letter-spacing: 0.2133333333vw;
    line-height: 4vw;
  }
}
.tlt_section:before {
  content: "";
  background-image: url("../images/icon_tree.png");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 95px;
  height: 133px;
  position: absolute;
  top: -10px;
  left: 0;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .tlt_section:before {
    width: 7.421875vw;
    height: 10.390625vw;
    top: -0.78125vw;
  }
}
@media (max-width: 768px) {
  .tlt_section:before {
    width: 14.9333333333vw;
    height: 22.4vw;
    top: -2.6666666667vw;
  }
}

/*
    Btn shop
 */
.shop {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: 73%;
  right: 1%;
  background-image: url("../images/btn_shop.png");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 184px;
  height: 184px;
  color: #000;
  font-family: "Bree Serif", serif;
  font-weight: bold;
  transition: 0.7s linear;
  z-index: 99;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .shop {
    top: 69%;
    width: 14.375vw;
    height: 14.375vw;
  }
}
@media (max-width: 768px) {
  .shop {
    top: initial;
    bottom: 15px;
    opacity: 1;
    right: 3.2vw;
    width: 29.0666666667vw;
    height: 29.0666666667vw;
  }
}
.shop strong {
  font-size: 36px;
  letter-spacing: 1.08px;
  line-height: 49px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .shop strong {
    font-size: 2.8125vw;
    letter-spacing: 0.084375vw;
    line-height: 3.828125vw;
  }
}
@media (max-width: 768px) {
  .shop strong {
    font-size: 6.1333333333vw;
    letter-spacing: 0.184vw;
    line-height: 8.2666666667vw;
  }
}
.shop strong.en {
  font-size: 33px;
  line-height: 33px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .shop strong.en {
    font-size: 2.578125vw;
    line-height: 2.578125vw;
  }
}
@media (max-width: 768px) {
  .shop strong.en {
    font-size: 6.1333333333vw;
    line-height: 6.1333333333vw;
  }
}
.shop p {
  font-size: 14px;
  letter-spacing: 1.12px;
  line-height: 18px;
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .shop p {
    font-size: 1.09375vw;
    letter-spacing: 0.0875vw;
    line-height: 1.40625vw;
  }
}
@media (max-width: 768px) {
  .shop p {
    font-size: 2.4vw;
    letter-spacing: 0.192vw;
    line-height: 3.2vw;
  }
}

/*
    Btn Link
*/
/*
    List item
*/
.section:not(#goods) .list_item ul {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .section:not(#goods) .list_item ul {
    margin-bottom: 2.34375vw;
  }
}
@media (max-width: 768px) {
  .section:not(#goods) .list_item ul {
    margin-bottom: 6.4vw;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
  }
}
.section:not(#goods) .list_item ul li {
  display: flex;
  flex-direction: column;
  width: 31.68%;
  margin-bottom: 25px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .section:not(#goods) .list_item ul li {
    margin-bottom: 1.953125vw;
  }
}
@media (max-width: 768px) {
  .section:not(#goods) .list_item ul li {
    margin: 0 0 3.4666666667vw;
    width: 43.7333333333vw;
  }
}
.section:not(#goods) .list_item ul li:nth-child(3n+2) {
  margin-left: 25px;
  margin-right: 25px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .section:not(#goods) .list_item ul li:nth-child(3n+2) {
    margin-left: 1.953125vw;
    margin-right: 1.953125vw;
  }
}
@media (max-width: 768px) {
  .section:not(#goods) .list_item ul li:nth-child(3n+2) {
    margin: 0 0 3.4666666667vw;
  }
}
.section:not(#goods) .list_item ul a {
  display: flex;
  flex-direction: column;
  flex: 1;
  background: #ffffff;
  border-radius: 16px;
  color: #000000;
  padding: 16px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .section:not(#goods) .list_item ul a {
    border-radius: 1.25vw;
    padding: 1.25vw;
  }
}
@media (max-width: 768px) {
  .section:not(#goods) .list_item ul a {
    border-radius: 2.1333333333vw;
    padding: 2.1333333333vw;
  }
}
.section:not(#goods) .list_item ul a .thumb {
  width: 288px;
  height: 162px;
  margin-bottom: 10px;
  overflow: hidden;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .section:not(#goods) .list_item ul a .thumb {
    width: 22.5vw;
    height: 12.65625vw;
    margin-bottom: 0.78125vw;
  }
}
@media (max-width: 768px) {
  .section:not(#goods) .list_item ul a .thumb {
    width: 39.4666666667vw;
    height: 22.1333333333vw;
    margin-bottom: 1.6vw;
  }
}
.section:not(#goods) .list_item ul a .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all ease-in 0.5s;
}
.section:not(#goods) .list_item ul a .thumb img:hover {
  transform: scale(1.2);
}
.section:not(#goods) .list_item ul a .txt_desp {
  text-align: left;
}
.section:not(#goods) .list_item ul a .txt_desp h3 {
  font-size: 18px;
  letter-spacing: 1.08px;
  line-height: 23px;
  color: #000000;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: 46px;
  margin-bottom: 11px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .section:not(#goods) .list_item ul a .txt_desp h3 {
    min-height: 3.59375vw;
    font-size: 1.40625vw;
    letter-spacing: 0.084375vw;
    line-height: 1.796875vw;
    margin-bottom: 0.859375vw;
  }
}
@media (max-width: 768px) {
  .section:not(#goods) .list_item ul a .txt_desp h3 {
    min-height: 9.6vw;
    font-size: 3.2vw;
    letter-spacing: 0.192vw;
    line-height: 4.8vw;
    margin-bottom: 1.8666666667vw;
  }
}
.section:not(#goods) .list_item ul a .txt_desp .info_item {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .section:not(#goods) .list_item ul a .txt_desp .info_item {
    gap: 0.390625vw;
  }
}
@media (max-width: 768px) {
  .section:not(#goods) .list_item ul a .txt_desp .info_item {
    gap: 1.3333333333vw 0.5333333333vw;
    align-items: center;
  }
}
.section:not(#goods) .list_item ul a .txt_desp .info_item .date {
  font-size: 14px;
  letter-spacing: 1.12px;
  line-height: 19px;
  font-weight: 400;
  font-family: "Bree Serif", serif;
  margin-right: 5px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .section:not(#goods) .list_item ul a .txt_desp .info_item .date {
    font-size: 1.09375vw;
    letter-spacing: 0.0875vw;
    line-height: 1.484375vw;
    margin-right: 0.390625vw;
  }
}
@media (max-width: 768px) {
  .section:not(#goods) .list_item ul a .txt_desp .info_item .date {
    font-size: 2.6666666667vw;
    letter-spacing: 0.2133333333vw;
    line-height: 3.7333333333vw;
    margin-right: 0;
  }
}
.section:not(#goods) .list_item ul a .txt_desp .info_item .cats {
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 14px;
  font-weight: 400;
  color: #000000;
  font-family: "Bree Serif", serif;
  padding: 2px 7px;
  border: 1px solid #000000;
  border-radius: 43px;
  text-transform: uppercase;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .section:not(#goods) .list_item ul a .txt_desp .info_item .cats {
    font-size: 0.78125vw;
    line-height: 1.09375vw;
    padding: 0.15625vw 0.546875vw;
    border-radius: 3.359375vw;
  }
}
@media (max-width: 768px) {
  .section:not(#goods) .list_item ul a .txt_desp .info_item .cats {
    font-size: 2.1333333333vw;
    line-height: 2.9333333333vw;
    letter-spacing: 0.2133333333vw;
    padding: 0.8vw 2.6666666667vw 1.0666666667vw 2.6666666667vw;
    border-radius: 11.4666666667vw;
  }
}

.btn_more {
  display: flex;
  justify-content: end;
}
@media (max-width: 768px) {
  .btn_more {
    justify-content: center;
    width: 100%;
  }
}
.btn_more a {
  padding: 21px 106px 22px 30px;
  font-size: 16px;
  letter-spacing: 1.28px;
  line-height: 21px;
  font-weight: 400;
  font-family: "Bree Serif", serif;
  text-transform: uppercase;
  color: #ffffff;
  position: relative;
  background: #000;
  border-radius: 35px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .btn_more a {
    padding: 1.640625vw 8.28125vw 1.71875vw 2.34375vw;
    font-size: 1.25vw;
    letter-spacing: 0.1vw;
    line-height: 1.640625vw;
    border-radius: 2.734375vw;
  }
}
@media (max-width: 768px) {
  .btn_more a {
    width: 100%;
    padding: 5.4666666667vw 34.6666666667vw;
    font-size: 4.2666666667vw;
    letter-spacing: 0.3413333333vw;
    line-height: 5.6vw;
    border-radius: 9.3333333333vw;
  }
}
.btn_more a:hover {
  opacity: 0.7;
}
.btn_more a:before {
  position: absolute;
  right: 29px;
  content: "";
  width: 20px;
  height: 3px;
  background: #ffffff;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease-in 0.3s;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .btn_more a:before {
    right: 2.265625vw;
    width: 1.5625vw;
    height: 0.234375vw;
  }
}
@media (max-width: 768px) {
  .btn_more a:before {
    right: 10.6666666667vw;
    width: 5.3333333333vw;
    height: 0.8vw;
  }
}
.btn_more a:after {
  content: "";
  position: absolute;
  margin-left: -5px;
  border-width: 7px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  right: 15px;
  transform: translateY(-50%) rotate(-90deg);
  top: 50%;
  transition: all ease-in 0.3s;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .btn_more a:after {
    margin-left: -0.390625vw;
    border-width: 0.546875vw;
    right: 1.171875vw;
  }
}
@media (max-width: 768px) {
  .btn_more a:after {
    margin-left: -1.3333333333vw;
    border-width: 1.8666666667vw;
    right: 7.2vw;
  }
}
.btn_more a:hover:before {
  right: 22px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .btn_more a:hover:before {
    right: 1.71875vw;
  }
}
@media (max-width: 768px) {
  .btn_more a:hover:before {
    right: 9.3333333333vw;
  }
}
.btn_more a:hover:after {
  right: 10px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .btn_more a:hover:after {
    right: 0.78125vw;
  }
}
@media (max-width: 768px) {
  .btn_more a:hover:after {
    right: 5.8666666667vw;
  }
}

/*
    Btn back top
 */
.btn_top {
  display: flex;
  justify-content: center;
}
.btn_top a {
  border: 0;
  position: relative;
  display: block;
  text-align: left;
  background-color: #000;
  color: #fff;
  font-family: "Bree Serif", serif;
  width: 320px;
  height: 80px;
  padding: 27px 0 29px 108px;
  font-size: 18px;
  letter-spacing: 1.44px;
  line-height: 24px;
  border-radius: 61px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .btn_top a {
    width: 25vw;
    height: 6.25vw;
    padding: 2.109375vw 0 2.265625vw 8.4375vw;
    font-size: 1.40625vw;
    letter-spacing: 0.1125vw;
    line-height: 1.875vw;
    border-radius: 4.765625vw;
  }
}
@media (max-width: 768px) {
  .btn_top a {
    width: 90.9333333333vw;
    height: 21.3333333333vw;
    padding: 7.7333333333vw 0 8vw 32.8vw;
    font-size: 4.2666666667vw;
    letter-spacing: 0.3413333333vw;
    line-height: 5.6vw;
    border-radius: 16.2666666667vw;
  }
}
.btn_top a:before {
  position: absolute;
  content: "";
  background-image: url("../images/parts_index.svg");
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
  left: 54px;
  width: 25px;
  height: 15px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .btn_top a:before {
    left: 4.21875vw;
    width: 1.953125vw;
    height: 1.171875vw;
  }
}
@media (max-width: 768px) {
  .btn_top a:before {
    left: 15.432vw;
    width: 6.6666666667vw;
    height: 4vw;
  }
}

.works_list #content .inner, .news #content .inner {
  padding-top: 50px;
  max-width: 1010px;
  width: 100%;
  margin: 0 auto 240px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #content .inner, .news #content .inner {
    padding-top: 3.90625vw;
    max-width: 78.90625vw;
    width: 100%;
    margin: 0 auto 18.75vw;
  }
}
@media (max-width: 768px) {
  .works_list #content .inner, .news #content .inner {
    padding: 0 4.5333333333vw;
    margin: 0 auto 40.5333333333vw;
  }
}
.works_list #content .tlt_section, .news #content .tlt_section {
  margin-bottom: 50px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #content .tlt_section, .news #content .tlt_section {
    margin-bottom: 3.90625vw;
  }
}
@media (max-width: 768px) {
  .works_list #content .tlt_section, .news #content .tlt_section {
    padding-left: 0;
    margin-bottom: 10.6666666667vw;
  }
}
@media (max-width: 768px) {
  .works_list #content .tlt_section:before, .news #content .tlt_section:before {
    width: 14.984vw;
    height: 22.616vw;
  }
}
@media (max-width: 768px) {
  .works_list #content .tlt_section h2, .works_list #content .tlt_section span, .news #content .tlt_section h2, .news #content .tlt_section span {
    padding-left: 15.2vw;
  }
}
@media (max-width: 768px) {
  .works_list #content .tlt_section span, .news #content .tlt_section span {
    display: inline-block;
  }
}
.works_list #content .tlt_section:after, .news #content .tlt_section:after {
  content: none;
}
.works_list #content .tab_content, .news #content .tab_content {
  display: flex;
  justify-content: end;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 768px) {
  .works_list #content .tab_content, .news #content .tab_content {
    padding-top: 27.4666666667vw;
    justify-content: start;
    position: initial;
  }
}
.works_list #content .tab_content ul, .news #content .tab_content ul {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .works_list #content .tab_content ul, .news #content .tab_content ul {
    flex-wrap: wrap;
  }
}
.works_list #content .tab_content ul li, .news #content .tab_content ul li {
  min-width: 64px;
  border-bottom: 2px solid transparent;
  margin-right: 32px;
  text-align: center;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #content .tab_content ul li, .news #content .tab_content ul li {
    border-bottom: 0.15625vw solid transparent;
    min-width: 5vw;
    margin-right: 2.5vw;
  }
}
@media (max-width: 768px) {
  .works_list #content .tab_content ul li, .news #content .tab_content ul li {
    border-bottom: 0.5333333333vw solid transparent;
    text-align: center;
    min-width: 16vw;
    margin-right: 3.0666666667vw;
  }
}
.works_list #content .tab_content ul li:last-child, .news #content .tab_content ul li:last-child {
  margin-right: 0;
}
.works_list #content .tab_content ul li.active, .news #content .tab_content ul li.active {
  position: relative;
  border-bottom: 2px solid #000000;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #content .tab_content ul li.active, .news #content .tab_content ul li.active {
    border-bottom: 0.15625vw solid #000000;
  }
}
@media (max-width: 768px) {
  .works_list #content .tab_content ul li.active, .news #content .tab_content ul li.active {
    border-bottom: 0.5333333333vw solid #000000;
  }
}
.works_list #content .tab_content ul li.active:before, .news #content .tab_content ul li.active:before {
  position: absolute;
  content: "";
  background-image: url("../images/icon_tree.png");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 41px;
  height: 58px;
  top: -120%;
  left: 50%;
  transform: translateX(-50%);
  animation: fadeIn 0.5s;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #content .tab_content ul li.active:before, .news #content .tab_content ul li.active:before {
    width: 3.203125vw;
    height: 4.53125vw;
  }
}
@media (max-width: 768px) {
  .works_list #content .tab_content ul li.active:before, .news #content .tab_content ul li.active:before {
    width: 10.9333333333vw;
    height: 15.4666666667vw;
  }
}
.works_list #content .tab_content ul a, .news #content .tab_content ul a {
  color: #000000;
  display: inline-block;
  font-family: "Bree Serif", serif;
  font-size: 18px;
  letter-spacing: 0.54px;
  line-height: 24px;
  padding: 10px 0;
  text-transform: uppercase;
  font-weight: 400;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #content .tab_content ul a, .news #content .tab_content ul a {
    font-size: 1.40625vw;
    line-height: 1.875vw;
    letter-spacing: 0.0421875vw;
    padding: 0.78125vw 0;
  }
}
@media (max-width: 768px) {
  .works_list #content .tab_content ul a, .news #content .tab_content ul a {
    font-size: 4.8vw;
    line-height: 6.4vw;
    letter-spacing: 0.144vw;
    padding: 3.2vw 0;
  }
}
.works_list #content .tab_content ul a:hover, .news #content .tab_content ul a:hover {
  opacity: 0.7;
}
.works_list #content .list_item.active, .news #content .list_item.active {
  display: block;
  animation: fadeIn ease 2s;
}
.works_list #content .list_item ul, .news #content .list_item ul {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 48px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #content .list_item ul, .news #content .list_item ul {
    margin-bottom: 3.75vw;
  }
}
@media (max-width: 768px) {
  .works_list #content .list_item ul, .news #content .list_item ul {
    margin-bottom: 5.0666666667vw;
    justify-content: space-between;
  }
}
.works_list #content .list_item ul li, .news #content .list_item ul li {
  width: 320px;
  margin-bottom: 32px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #content .list_item ul li, .news #content .list_item ul li {
    width: 25vw;
    margin-bottom: 2.5vw;
  }
}
@media (max-width: 768px) {
  .works_list #content .list_item ul li, .news #content .list_item ul li {
    width: 43.7333333333vw;
    margin-bottom: 3.4666666667vw;
  }
}
.works_list #content .list_item ul li h3, .news #content .list_item ul li h3 {
  margin-bottom: 13px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #content .list_item ul li h3, .news #content .list_item ul li h3 {
    margin-bottom: 1.015625vw;
  }
}
@media (max-width: 768px) {
  .works_list #content .list_item ul li h3, .news #content .list_item ul li h3 {
    margin-bottom: 1.8666666667vw;
  }
}
.works_list #content #pagination, .news #content #pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 320px;
  margin: 0 auto;
  padding: 13px 70px;
  border: 2px solid #000000;
  border-radius: 32px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #content #pagination, .news #content #pagination {
    width: 25vw;
    padding: 1.015625vw 5.46875vw;
    border: 0.15625vw solid #000000;
    border-radius: 2.5vw;
  }
}
@media (max-width: 768px) {
  .works_list #content #pagination, .news #content #pagination {
    width: 85.3333333333vw;
    padding: 3.4666666667vw 6.8666666667vw;
    border: 0.5333333333vw solid #000000;
    border-radius: 8.5333333333vw;
  }
}
.works_list #content #pagination .prev, .news #content #pagination .prev {
  background-image: url("../images/arrow_l.svg");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 20px;
  text-indent: -9999px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #content #pagination .prev, .news #content #pagination .prev {
    width: 1.875vw;
    height: 1.875vw;
    left: 1.5625vw;
  }
}
@media (max-width: 768px) {
  .works_list #content #pagination .prev, .news #content #pagination .prev {
    width: 6.4vw;
    height: 6.4vw;
    left: 5.3333333333vw;
  }
}
.works_list #content #pagination .next, .news #content #pagination .next {
  background-image: url("../images/arrow_r.svg");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 20px;
  text-indent: -9999px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #content #pagination .next, .news #content #pagination .next {
    width: 1.875vw;
    height: 1.875vw;
    right: 1.5625vw;
  }
}
@media (max-width: 768px) {
  .works_list #content #pagination .next, .news #content #pagination .next {
    width: 6.4vw;
    height: 6.4vw;
    right: 5.3333333333vw;
  }
}
.works_list #content #pagination .pages, .news #content #pagination .pages {
  display: flex;
  align-items: center;
  justify-content: center;
}
.works_list #content #pagination .pages a, .works_list #content #pagination .pages span, .news #content #pagination .pages a, .news #content #pagination .pages span {
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 20px;
  color: #000000;
  font-weight: 400;
  font-family: "Bree Serif", serif;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #content #pagination .pages a, .works_list #content #pagination .pages span, .news #content #pagination .pages a, .news #content #pagination .pages span {
    width: 2.65625vw;
    height: 2.65625vw;
    font-size: 1.171875vw;
    line-height: 1.5625vw;
  }
}
@media (max-width: 768px) {
  .works_list #content #pagination .pages a, .works_list #content #pagination .pages span, .news #content #pagination .pages a, .news #content #pagination .pages span {
    width: 9.0666666667vw;
    height: 9.0666666667vw;
    font-size: 4vw;
    line-height: 5.3333333333vw;
  }
}
.works_list #content #pagination .pages a.current, .works_list #content #pagination .pages span.current, .news #content #pagination .pages a.current, .news #content #pagination .pages span.current {
  background: #000000;
  color: #ffffff;
}
.works_list #content #pagination .pages span.dots, .news #content #pagination .pages span.dots {
  width: auto;
  padding: 0;
}

@keyframes anime_loading_pc {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  5.55556% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  11.1111% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  22.2222% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  27.7778% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  33.3333% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  44.4444% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes anime_loading_sp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  5.55556% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  11.1111% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  22.2222% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  27.7778% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  33.3333% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  44.4444% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.75;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0) rotate(-10deg) translateX(-50%);
  }
  60% {
    opacity: 1;
    transform: scale(1.1) rotate(0.5deg) translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg) translateX(-50%);
  }
}
@keyframes new-anim {
  0% {
    transform: scale(0) rotate(-10deg) translateX(-50%);
  }
  60% {
    transform: scale(1.1) rotate(0.5deg) translateX(-50%);
  }
  100% {
    transform: scale(1) rotate(0deg) translateX(-50%);
  }
}
@keyframes spin-around {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(32deg);
  }
  75% {
    transform: rotate(32deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes spin-around-reverse {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-32deg);
  }
  75% {
    transform: rotate(-32deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes spin-around-reverse2 {
  0% {
    transform: rotate(-60deg);
  }
  25% {
    transform: rotate(-60deg);
  }
  50% {
    transform: rotate(-32deg);
  }
  75% {
    transform: rotate(-32deg);
  }
  100% {
    transform: rotate(-60deg);
  }
}
@keyframes sticky05 {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-52deg);
  }
  75% {
    transform: rotate(-52deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes scrollUp {
  0% {
    top: unset;
    opacity: 1;
    bottom: -120px;
  }
  100% {
    top: unset;
    bottom: 15px;
  }
}
@keyframes scrollFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes treeAnime {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(50px);
  }
  75% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes treeAnimeSp {
  0% {
    transform: translateY(-12px);
  }
  25% {
    transform: translateY(-12px);
  }
  50% {
    transform: translateY(-28px);
  }
  75% {
    transform: translateY(-28px);
  }
  100% {
    transform: translateY(-12px);
  }
}
/*
    common
*/
html,
body {
  width: 100%;
  height: 100%;
  color: #000000;
  font-size: 100%;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  word-wrap: break-word;
  text-align: center;
  background-color: #8F66C0;
  background-image: url("../images/bg.png");
  background-position: top center;
  background-size: 100%;
  background-repeat: repeat;
}
@media (max-width: 768px) {
  html,
  body {
    background-size: auto;
    background-image: url("../images/bg_sp.png");
    background-position: top center;
    background-size: 100%;
    background-repeat: repeat;
  }
}
html.hidden,
body.hidden {
  height: 100%;
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
  -webkit-touch-callout: none;
}

ul, ol {
  list-style: none;
}

a {
  outline: none;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.util_sp {
  display: none !important;
}
@media (max-width: 768px) {
  .util_sp {
    display: block !important;
  }
}

.util_pc {
  display: block !important;
}
@media (max-width: 768px) {
  .util_pc {
    display: none !important;
  }
}

@media print {
  img {
    display: none;
  }
}
/*
	header
*/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: #8F66C0;
}
@media (max-width: 768px) {
  header {
    background-color: transparent;
  }
}
header .inner {
  text-align: left;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 24px 24px 15px;
  align-items: start;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 1280px) and (min-width: 769px) {
  header .inner {
    max-width: 100vw;
    padding: 1.875vw 1.875vw 1.171875vw;
  }
}
@media (max-width: 768px) {
  header .inner {
    padding: 3.2vw 6.9333333333vw 0 3.2vw;
    align-items: start;
  }
}
header .logo a {
  position: relative;
  color: #000000;
  width: 172px;
  height: 65px;
  display: block;
}
@media (max-width: 1280px) and (min-width: 769px) {
  header .logo a {
    width: 13.4375vw;
    height: 5.078125vw;
  }
}
@media (max-width: 768px) {
  header .logo a {
    width: 31.4666666667vw;
    height: 23.7333333333vw;
  }
}
header .logo a:before {
  content: "";
  position: absolute;
  top: 5%;
  left: 0;
  background-image: url("../images/img_logo.png");
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 172px;
  height: 129px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  header .logo a:before {
    width: 13.4375vw;
    height: 10.078125vw;
  }
}
@media (max-width: 768px) {
  header .logo a:before {
    top: 0;
    width: 32vw;
    height: 24vw;
  }
}
header .content_header {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
  justify-content: center;
  min-width: 860px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  header .content_header {
    min-width: 67.1875vw;
  }
}
@media (max-width: 768px) {
  header .content_header {
    display: none;
  }
}
header .content_header nav ul {
  display: flex;
}
header .content_header nav ul a {
  display: block;
  padding: 17px 16px;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0.54px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Bree Serif", serif;
}
@media (max-width: 1280px) and (min-width: 769px) {
  header .content_header nav ul a {
    padding: 1.328125vw 1.25vw;
    font-size: 1.40625vw;
    letter-spacing: 0.0421875vw;
    line-height: 1.875vw;
  }
}
header .content_header nav ul a:hover {
  opacity: 0.7;
}
header .end_header ul {
  display: flex;
  align-items: center;
  padding: 13.5px 26px;
  background: #fff;
  border-radius: 43px;
  justify-content: center;
  width: 240px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  header .end_header ul {
    padding: 1.0546875vw 2.03125vw;
    border-radius: 3.359375vw;
    width: 18.75vw;
  }
}
header .end_header ul a {
  color: #000000;
  display: block;
}
header .end_header ul a:hover {
  opacity: 0.7;
}
header .end_header ul span {
  color: #000000;
  font-size: 12px;
  letter-spacing: 0.36px;
  line-height: 17px;
  display: block;
  padding: 1px 10px 3px;
  text-transform: uppercase;
  font-weight: 400;
}
@media (max-width: 1280px) and (min-width: 769px) {
  header .end_header ul span {
    font-size: 0.9375vw;
    letter-spacing: 0.028125vw;
    line-height: 1.328125vw;
    padding: 1px 0.78125vw 0.234375vw;
  }
}
header .end_header ul li:not(:nth-child(3)) {
  margin-right: 16px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  header .end_header ul li:not(:nth-child(3)) {
    margin-right: 1.25vw;
  }
}
header .end_header ul li:nth-child(1) a, header .end_header ul li:nth-child(2) a {
  width: 20px;
  height: 20px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  header .end_header ul li:nth-child(1) a, header .end_header ul li:nth-child(2) a {
    width: 1.5625vw;
    height: 1.5625vw;
  }
}
header .end_header ul li a {
  width: 36px;
  height: 21px;
  text-transform: uppercase;
}
@media (max-width: 1280px) and (min-width: 769px) {
  header .end_header ul li a {
    width: 2.8125vw;
    height: 1.640625vw;
  }
}
header .end_header ul li:last-child {
  display: flex;
  align-items: center;
  margin-right: 0;
}
header .end_header ul li:last-child a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  letter-spacing: 0.36px;
  cursor: pointer;
}
@media (max-width: 1280px) and (min-width: 769px) {
  header .end_header ul li:last-child a {
    font-size: 0.9375vw;
    letter-spacing: 0.028125vw;
  }
}
header .end_header ul li:last-child a:last-child {
  margin-left: 5px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  header .end_header ul li:last-child a:last-child {
    margin-left: 0.390625vw;
  }
}
header .end_header ul li:last-child a.active {
  border-radius: 43px;
  color: #ffffff;
  background: #000000;
}
@media (max-width: 1280px) and (min-width: 769px) {
  header .end_header ul li:last-child a.active {
    border-radius: 3.359375vw;
  }
}
header .btn_menu {
  top: 50%;
  z-index: 2;
  cursor: pointer;
  padding: 5.3333333333vw 0 0;
}
header .btn_menu .hamburger {
  margin-bottom: 0;
}
header .btn_menu .hamburger .line {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: fit-content;
}
header .btn_menu .hamburger .line::before, header .btn_menu .hamburger .line::after {
  content: "";
  display: block;
  flex-shrink: 0;
  transform-origin: center;
  transition: all 0.2s linear;
  box-sizing: border-box;
  border-radius: 999px;
  background-color: #000;
}
@media (max-width: 768px) {
  header .btn_menu .hamburger .line::before, header .btn_menu .hamburger .line::after {
    width: 8.2666666667vw;
    height: 0.5333333333vw;
    border-radius: 0.8vw;
  }
}
header .btn_menu .hamburger .line::before {
  margin-bottom: 1.8666666667vw;
}
header .btn_menu .hamburger .line span {
  display: block;
  flex-shrink: 0;
  background-color: #000;
}
@media (max-width: 768px) {
  header .btn_menu .hamburger .line span {
    width: 8.2666666667vw;
    height: 0.5333333333vw;
    border-radius: 0.8vw;
    margin-bottom: 1.8666666667vw;
  }
}
header .btn_menu .hamburger.active .line span {
  opacity: 0;
}
@media (max-width: 768px) {
  header .btn_menu .hamburger.active .line::before {
    transform: translateY(1.4666666667vw) rotate(45deg);
  }
}
@media (max-width: 768px) {
  header .btn_menu .hamburger.active .line::after {
    transform: translateY(-1.4666666667vw) rotate(-45deg);
  }
}
header .btn_menu .hamburger.active .line::before, header .btn_menu .hamburger.active .line::after {
  margin: 0;
}
header .btn_menu.active .menu_text {
  display: none;
}
header .btn_menu.active .close_text {
  display: block;
}
@media (max-width: 768px) {
  header .btn_menu.active .close_text {
    display: none;
  }
}
header .nav_menu {
  display: none;
  background: #8F66C0;
  overflow-y: auto;
}
@media (max-width: 768px) {
  header .nav_menu {
    width: 100vw;
    height: 100vh;
    transform: translateY(-27.2vw);
    padding: 21.3333333333vw 0;
  }
}
header .nav_menu .inner {
  background: #8F66C0;
  background-image: initial;
  padding: 0;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (max-width: 768px) {
  header .nav_menu .inner {
    padding-bottom: 8vw;
  }
}
@media (max-width: 768px) {
  header .nav_menu .logo {
    margin-bottom: 20.5333333333vw;
  }
}
@media (max-width: 768px) {
  header .nav_menu nav {
    margin-bottom: 5.3333333333vw;
  }
}
@media (max-width: 768px) {
  header .nav_menu nav ul li {
    margin-bottom: 4.2666666667vw;
  }
}
header .nav_menu nav ul li a {
  text-transform: uppercase;
  font-family: "Bree Serif", serif;
  font-weight: bold;
  color: #000;
}
@media (max-width: 768px) {
  header .nav_menu nav ul li a {
    font-size: 4.8vw;
    letter-spacing: 0.144vw;
    line-height: 6.4vw;
  }
}
header .nav_menu .shop {
  position: initial;
}
@media (max-width: 768px) {
  header .nav_menu .shop {
    margin-bottom: 8.5333333333vw;
  }
}
header .nav_menu .social {
  display: flex;
}
@media (max-width: 768px) {
  header .nav_menu .social {
    margin-bottom: 8.5333333333vw;
  }
}
header .nav_menu .social li {
  cursor: pointer;
  background-color: #fff;
  display: flex;
}
@media (max-width: 768px) {
  header .nav_menu .social li {
    width: 11.2vw;
    height: 11.2vw;
    border-radius: 4.2666666667vw;
  }
}
@media (max-width: 768px) {
  header .nav_menu .social li:nth-child(2) {
    margin: 0 4.2666666667vw;
  }
}
header .nav_menu .social li a {
  margin: auto;
}
@media (max-width: 768px) {
  header .nav_menu .social li a {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}
header .nav_menu .social li:hover a {
  opacity: 0.7;
}
header .nav_menu .lang {
  background-color: #fff;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  header .nav_menu .lang {
    padding: 3.7333333333vw;
    border-radius: 11.4666666667vw;
  }
}
header .nav_menu .lang a {
  color: #000000;
  cursor: pointer;
  display: inline-block;
}
@media (max-width: 768px) {
  header .nav_menu .lang a {
    width: 9.6vw;
    padding: 0.5333333333vw 0;
    font-size: 3.2vw;
    letter-spacing: 0.096vw;
    line-height: 4.5333333333vw;
  }
}
header .nav_menu .lang a.active {
  color: #fff;
  background-color: #000;
}
@media (max-width: 768px) {
  header .nav_menu .lang a.active {
    margin-left: 1.0666666667vw;
    border-radius: 11.4666666667vw;
  }
}

/*
    footer
*/
footer .inner {
  position: relative;
  background-image: url("../images/footer.png");
  background-position: bottom center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  height: 32.2vw;
}
@media (max-width: 1280px) and (min-width: 769px) {
  footer .inner {
    height: 33.75vw;
  }
}
@media (max-width: 768px) {
  footer .inner {
    background-image: url("../images/footer_SP.png");
    background-position: bottom center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 85.0666666667vw;
  }
}
footer .copyright {
  position: absolute;
  bottom: 13px;
  font-size: 14px;
  letter-spacing: 1.12px;
  line-height: 19px;
  color: #000000;
  font-weight: 400;
  font-family: "Bree Serif", serif;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1280px) and (min-width: 769px) {
  footer .copyright {
    bottom: 1.015625vw;
    font-size: 1.09375vw;
    letter-spacing: 0.0875vw;
    line-height: 1.484375vw;
  }
}
@media (max-width: 768px) {
  footer .copyright {
    bottom: 2.6666666667vw;
    font-size: 3.7333333333vw;
    letter-spacing: 0.2986666667vw;
    line-height: 5.0666666667vw;
  }
}
footer .totop {
  position: absolute;
  bottom: 81px;
  font-size: 16px;
  letter-spacing: 0.48px;
  line-height: 21px;
  color: #000;
  font-family: "Bree Serif", serif;
  text-transform: uppercase;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
@media (max-width: 1280px) and (min-width: 769px) {
  footer .totop {
    bottom: 6.328125vw;
    font-size: 1.25vw;
    letter-spacing: 0.0375vw;
    line-height: 1.640625vw;
  }
}
@media (max-width: 768px) {
  footer .totop {
    bottom: 17.0666666667vw;
    font-size: 4.2666666667vw;
    letter-spacing: 0.128vw;
    line-height: 5.6vw;
  }
}
footer .totop:before {
  content: "";
  background-image: url("../images/img.png");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: -112px;
  left: -40px;
  width: 104px;
  height: 104px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  footer .totop:before {
    top: -8.75vw;
    left: -3.125vw;
    width: 8.125vw;
    height: 8.125vw;
  }
}
@media (max-width: 768px) {
  footer .totop:before {
    top: -29.8666666667vw;
    left: -10.6666666667vw;
    width: 27.7333333333vw;
    height: 27.7333333333vw;
  }
}

/*
    Home
*/
.home #main {
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .home #main {
    padding-top: 21.3333333333vw;
  }
}
.home {
  /*
      banner
  */
}
.home #banner {
  position: relative;
}
.home #banner .inner {
  max-width: 91.4vw;
  margin: 0 auto 74px;
  width: 100%;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #banner .inner {
    max-width: 100vw;
    margin: 0 auto 5.78125vw;
  }
}
@media (max-width: 768px) {
  .home #banner .inner {
    max-width: 100%;
    margin-bottom: 11.4666666667vw;
  }
}
.home #banner .inner .sticky_01 {
  position: absolute;
  z-index: 1;
  top: -54px;
  left: -64px;
  width: 20vw;
  height: 19vw;
  animation: spin-around-reverse 4s ease infinite;
  background-image: url("../images/fv_a_flower_o.webp");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #banner .inner .sticky_01 {
    top: 0;
    left: -5vw;
    width: 21.484375vw;
    height: 15.9375vw;
  }
}
@media (max-width: 768px) {
  .home #banner .inner .sticky_01 {
    top: -1.3333333333vw;
    left: -1.6vw;
    width: 24vw;
    height: 19.2vw;
  }
}
.home #banner .inner .sticky_02 {
  position: absolute;
  z-index: 1;
  left: -1.8vw;
  top: 28%;
  height: 19.7vw;
  width: 12vw;
  animation: treeAnime 4s ease infinite;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #banner .inner .sticky_02 {
    left: -2%;
    height: 21.640625vw;
    width: 13.125vw;
  }
}
@media (max-width: 768px) {
  .home #banner .inner .sticky_02 {
    animation: treeAnimeSp 4s ease infinite;
    height: 26.6666666667vw;
    width: 15.2vw;
    top: 19.7333333333vw;
    left: -2.6666666667vw;
  }
}
.home #banner .inner .sticky_02 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: rotate(38deg);
}
.home #banner .inner .sticky_03 {
  left: -1%;
  top: 63%;
  height: 9.8vw;
  width: 12.5vw;
  position: absolute;
  z-index: 1;
  animation: spin-around 4s ease infinite;
  background-image: url("../images/fv_a_grass.webp");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #banner .inner .sticky_03 {
    left: -2%;
    top: 67%;
    height: 10.78125vw;
    width: 12.96875vw;
  }
}
@media (max-width: 768px) {
  .home #banner .inner .sticky_03 {
    display: none;
    left: -4.5333333333vw;
    top: 61.3333333333vw;
    height: 21.8666666667vw;
    width: 26.1333333333vw;
  }
}
.home #banner .inner .sticky_04 {
  position: absolute;
  z-index: 1;
  right: -0.76vw;
  top: -6%;
  height: 19.7vw;
  width: 12vw;
  animation: treeAnime 4s ease infinite;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #banner .inner .sticky_04 {
    right: -0.9375vw;
    height: 21.640625vw;
    width: 13.125vw;
  }
}
@media (max-width: 768px) {
  .home #banner .inner .sticky_04 {
    animation: treeAnimeSp 4s ease infinite;
    right: -1.3333333333vw;
    height: 26.9333333333vw;
    width: 16.2666666667vw;
    top: 2.6666666667vw;
  }
}
.home #banner .inner .sticky_04 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: rotate(-50deg);
}
.home #banner .inner .sticky_05 {
  position: absolute;
  z-index: 1;
  right: -1.5%;
  top: 27%;
  width: 15vw;
  height: 11vw;
  animation: sticky05 4s ease infinite;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #banner .inner .sticky_05 {
    right: -2%;
    width: 15.3125vw;
    height: 9.921875vw;
  }
}
@media (max-width: 768px) {
  .home #banner .inner .sticky_05 {
    display: none;
    right: -2.6666666667vw;
    top: 25.3333333333vw;
    width: 23.2vw;
    height: 14.9333333333vw;
  }
}
.home #banner .inner .sticky_05 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: rotate(20deg);
}
.home #banner .inner .sticky_06 {
  position: absolute;
  z-index: 1;
  right: -2.4%;
  top: 46%;
  height: 16vw;
  width: 18vw;
  animation: spin-around-reverse 4s ease infinite;
  transform: rotate(10deg);
  background-image: url("../images/fv_a_flower_y.webp");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #banner .inner .sticky_06 {
    right: -2%;
    height: 15.390625vw;
    width: 18.359375vw;
  }
}
@media (max-width: 768px) {
  .home #banner .inner .sticky_06 {
    right: -0.2666666667vw;
    top: 20vw;
    height: 21.8666666667vw;
    width: 23.4666666667vw;
    transform: rotate(-58deg);
    animation: spin-around-reverse2 4s ease infinite;
  }
}
.home #banner .inner .banner {
  position: relative;
  top: -30px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #banner .inner .banner {
    top: -2.34375vw;
  }
}
@media (max-width: 768px) {
  .home #banner .inner .banner {
    top: 0;
  }
}
.home #banner .inner .splide__track .splide__list {
  margin-bottom: 16px;
  height: auto;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #banner .inner .splide__track .splide__list {
    margin-bottom: 1.25vw;
  }
}
@media (max-width: 768px) {
  .home #banner .inner .splide__track .splide__list {
    margin-bottom: 4.2666666667vw;
  }
}
.home #banner .inner .splide__track .splide__list .splide__slide {
  padding: 0 135px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #banner .inner .splide__track .splide__list .splide__slide {
    padding: 0 10.546875vw;
  }
}
@media (max-width: 768px) {
  .home #banner .inner .splide__track .splide__list .splide__slide {
    padding: 0 9.0666666667vw;
    height: 49.6vw;
    margin-bottom: 6.4vw;
  }
}
@media (max-width: 768px) {
  .home #banner .inner .splide__track .splide__list .splide__slide a {
    display: block;
    height: 100%;
  }
}
.home #banner .inner .splide__track .splide__list .txt_desp {
  position: absolute;
  bottom: 15px;
  text-align: left;
  left: 135px;
  width: 77.29vw;
  z-index: 1;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #banner .inner .splide__track .splide__list .txt_desp {
    bottom: 0;
    width: 78.90625vw;
    left: 10.546875vw;
  }
}
@media (max-width: 768px) {
  .home #banner .inner .splide__track .splide__list .txt_desp {
    bottom: -4.5333333333vw;
    left: 0;
    width: 100%;
    padding: 0 4.5333333333vw;
  }
}
.home #banner .inner .splide__track .splide__list .txt_desp span {
  position: unset;
  font-size: 1.198vw;
  letter-spacing: 3.36px;
  line-height: 34px;
  color: #FFFFFF;
  background: unset;
  display: block;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #banner .inner .splide__track .splide__list .txt_desp span {
    font-size: 1.25vw;
    letter-spacing: 0.1vw;
    line-height: 1.875vw;
  }
}
@media (max-width: 768px) {
  .home #banner .inner .splide__track .splide__list .txt_desp span {
    font-size: 3.2vw;
    letter-spacing: 0.256vw;
    line-height: 4.2666666667vw;
    margin-bottom: 1.3333333333vw;
    font-family: "Bree Serif", serif;
  }
}
.home #banner .inner .splide__track .splide__list .txt_desp h3 {
  font-size: 46px;
  letter-spacing: 3.68px;
  line-height: 66px;
  color: #FFFFFF;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 134px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #banner .inner .splide__track .splide__list .txt_desp h3 {
    font-size: 3.59375vw;
    letter-spacing: 0.2875vw;
    line-height: 5.15625vw;
    height: 10.46875vw;
  }
}
@media (max-width: 768px) {
  .home #banner .inner .splide__track .splide__list .txt_desp h3 {
    font-size: 5.8666666667vw;
    letter-spacing: 0.4693333333vw;
    line-height: 7.4666666667vw;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 16vw;
  }
}
.home #banner .inner .splide__track .splide__list .thumb {
  position: relative;
  height: 47.8vw;
  margin-bottom: 25px;
  border-radius: 570px;
  overflow: hidden;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #banner .inner .splide__track .splide__list .thumb {
    height: 52.8125vw;
    margin-bottom: 1.171875vw;
    border-radius: 44.53125vw;
  }
}
@media (max-width: 768px) {
  .home #banner .inner .splide__track .splide__list .thumb {
    height: 100%;
    margin-bottom: 4vw;
    border-radius: 152vw;
  }
}
.home #banner .inner .splide__track .splide__list .thumb::after {
  content: "";
  width: 100%;
  height: 158px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.557), rgba(0, 0, 0, 0));
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #banner .inner .splide__track .splide__list .thumb::after {
    height: 12.34375vw;
  }
}
@media (max-width: 768px) {
  .home #banner .inner .splide__track .splide__list .thumb::after {
    height: 32vw;
  }
}
.home #banner .inner .splide__track .splide__list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home #banner .inner .splide__pagination {
  bottom: -25px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #banner .inner .splide__pagination {
    bottom: -1.953125vw;
  }
}
@media (max-width: 768px) {
  .home #banner .inner .splide__pagination {
    bottom: -2.9333333333vw;
  }
}
.home #banner .inner .splide__pagination .splide__pagination__page {
  height: 11px;
  width: 11px;
  margin: 0 8px;
  background: #000000;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #banner .inner .splide__pagination .splide__pagination__page {
    height: 8px;
    width: 8px;
    margin: 0 5px;
  }
}
@media (max-width: 768px) {
  .home #banner .inner .splide__pagination .splide__pagination__page {
    height: 2.1333333333vw;
    width: 2.1333333333vw;
    margin: 0 1.3333333333vw;
  }
}
.home #banner .inner .splide__pagination .splide__pagination__page.is-active {
  transform: scale(1);
  background: #ffffff;
}
.home {
  /*
      news
  */
}
.home #news {
  position: relative;
}
.home #news .inner {
  max-width: 1010px;
  width: 100%;
  margin: 0 auto 40px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #news .inner {
    max-width: 78.90625vw;
    width: 100%;
    margin: 0 auto 3.125vw;
  }
}
@media (max-width: 768px) {
  .home #news .inner {
    padding: 0 4.5333333333vw;
    margin-bottom: 25.6vw;
  }
}
.home #news .tlt_section {
  position: relative;
}
.home #news .tlt_section:before {
  top: -14px;
  left: 6px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #news .tlt_section:before {
    top: -1.09375vw;
    left: 0.46875vw;
  }
}
.home #news .list_item {
  position: relative;
}
.home #news .list_item ul a .txt_desp h3 {
  margin-bottom: 13px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #news .list_item ul a .txt_desp h3 {
    margin-bottom: 1.015625vw;
  }
}
@media (max-width: 768px) {
  .home #news .list_item ul a .txt_desp h3 {
    margin-bottom: 2.1333333333vw;
  }
}
.home {
  /*
      gooods
  */
}
.home #goods {
  position: relative;
}
.home #goods .inner {
  max-width: 1010px;
  width: 100%;
  margin: 0 auto 40px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #goods .inner {
    max-width: 78.90625vw;
    margin: 0 auto 3.125vw;
  }
}
@media (max-width: 768px) {
  .home #goods .inner {
    padding: 0;
    margin-bottom: 25.6vw;
  }
}
.home #goods .tlt_section {
  position: relative;
  padding-left: 110px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #goods .tlt_section {
    padding-left: 8.59375vw;
  }
}
@media (max-width: 768px) {
  .home #goods .tlt_section {
    padding-left: 38.6666666667vw;
    margin-bottom: 10.9333333333vw;
  }
}
.home #goods .tlt_section:before {
  background-image: url("../images/icon_goods.png");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  width: 91px;
  height: 87px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #goods .tlt_section:before {
    left: 0.625vw;
    width: 7.109375vw;
    height: 6.796875vw;
  }
}
@media (max-width: 768px) {
  .home #goods .tlt_section:before {
    width: 14.4vw;
    height: 14.4vw;
    top: 8.8vw;
    left: 22.9333333333vw;
  }
}
.home #goods .splide__track {
  margin-bottom: 30px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #goods .splide__track {
    margin-bottom: 2.34375vw;
  }
}
@media (max-width: 768px) {
  .home #goods .splide__track {
    margin-left: 4.5333333333vw;
    margin-bottom: 8.5333333333vw;
  }
}
.home #goods .splide__track ul {
  justify-content: space-between;
  flex-wrap: wrap;
  height: auto;
}
@media (max-width: 768px) {
  .home #goods .splide__track ul {
    flex-wrap: unset;
    margin-bottom: 0;
    padding-left: 4.5333333333vw;
  }
}
.home #goods .splide__track li {
  width: 320px;
  margin-bottom: 45px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #goods .splide__track li {
    width: 25vw;
    margin-bottom: 3.515625vw;
  }
}
@media (max-width: 768px) {
  .home #goods .splide__track li {
    width: initial !important;
    margin-right: 2.9333333333vw;
    margin-bottom: 0;
  }
}
.home #goods .splide__track a {
  text-align: left;
}
.home #goods .splide__track .thumb {
  width: 320px;
  height: 320px;
  background-color: #fff;
  border-radius: 16px;
  display: flex;
  margin-bottom: 8px;
  overflow: hidden;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #goods .splide__track .thumb {
    width: 25vw;
    height: 25vw;
    border-radius: 1.25vw;
    margin-bottom: 0.625vw;
  }
}
@media (max-width: 768px) {
  .home #goods .splide__track .thumb {
    padding: 3.7333333333vw;
    width: 52.2666666667vw;
    height: 52.2666666667vw;
    border-radius: 4.2666666667vw;
    margin-bottom: 1.6vw;
  }
}
.home #goods .splide__track .thumb img {
  margin: auto;
}
@media (max-width: 768px) {
  .home #goods .splide__track .txt_desp {
    width: 52.2666666667vw;
    padding: 0 1.3333333333vw;
  }
}
.home #goods .splide__track .txt_desp h3 {
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 1.28px;
  line-height: 24px;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #goods .splide__track .txt_desp h3 {
    font-size: 1.25vw;
    letter-spacing: 0.1vw;
    line-height: 1.875vw;
  }
}
@media (max-width: 768px) {
  .home #goods .splide__track .txt_desp h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 3.7333333333vw;
    letter-spacing: 0.2986666667vw;
    line-height: 5.3333333333vw;
    font-weight: bold;
  }
}
@media (max-width: 768px) {
  .home #goods .btn_more {
    padding: 0 4.5333333333vw;
  }
}
.home {
  /*
      popup_shop
  */
}
.home #popup_shop {
  position: relative;
}
.home #popup_shop .inner {
  max-width: 1010px;
  width: 100%;
  margin: 0 auto 20px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #popup_shop .inner {
    max-width: 78.90625vw;
    margin: 0 auto 1.5625vw;
  }
}
@media (max-width: 768px) {
  .home #popup_shop .inner {
    max-width: 100%;
    padding: 0 4.5333333333vw;
    margin-bottom: 46.6666666667vw;
  }
}
.home #popup_shop .tlt_section {
  position: relative;
  padding-left: 110px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #popup_shop .tlt_section {
    padding-left: 8.59375vw;
  }
}
@media (max-width: 768px) {
  .home #popup_shop .tlt_section {
    padding-left: 0;
  }
}
.home #popup_shop .tlt_section:before {
  background-image: url("../images/icon_popup.png");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 104px;
  height: 104px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #popup_shop .tlt_section:before {
    width: 8.125vw;
    height: 8.125vw;
  }
}
@media (max-width: 768px) {
  .home #popup_shop .tlt_section:before {
    width: 62px;
    height: 62px;
    top: 8.5333333333vw;
    left: 16.2666666667vw;
  }
}
@media (max-width: 768px) {
  .home #popup_shop .tlt_section h2 {
    padding-left: 33.0666666667vw;
  }
}
@media (max-width: 768px) {
  .home #popup_shop .tlt_section span {
    display: block;
    text-align: center;
  }
}
.home #popup_shop .list_item ul a {
  padding: 17px 16px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #popup_shop .list_item ul a {
    padding: 1.328125vw 1.25vw;
  }
}
@media (max-width: 768px) {
  .home #popup_shop .list_item ul a {
    padding: 2.1333333333vw;
  }
}
.home #popup_shop .list_item .thumb {
  height: 162px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home #popup_shop .list_item .thumb {
    height: 12.65625vw;
  }
}
@media (max-width: 768px) {
  .home #popup_shop .list_item .thumb {
    height: 22.1333333333vw;
  }
}
.home .wrapper_loading {
  position: fixed;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 9999;
  background-color: #8F66C0;
  background-image: url("../images/bg.png");
  background-position: top center;
  background-size: 100%;
  background-repeat: repeat;
  top: 0;
  left: 0;
}
@media (max-width: 768px) {
  .home .wrapper_loading {
    background-image: url("../images/bg_sp.png");
    background-position: top center;
    background-size: 100%;
    background-repeat: repeat;
  }
}
.home .wrapper_loading.no_loading {
  display: none;
}
.home .wrapper_loading ul {
  display: none;
  align-items: end;
  margin-bottom: 11px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home .wrapper_loading ul {
    margin-bottom: 0.859375vw;
  }
}
@media (max-width: 768px) {
  .home .wrapper_loading ul {
    margin-bottom: 1.8666666667vw;
  }
}
.home .wrapper_loading ul li {
  margin: 0 5px;
  position: relative;
  animation: anime_loading_pc 4.8s ease infinite;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home .wrapper_loading ul li {
    margin: 0 0.390625vw;
    animation: anime_loading_pc 4.8s ease infinite;
  }
}
@media (max-width: 768px) {
  .home .wrapper_loading ul li {
    margin: 0 0.5333333333vw;
    animation: anime_loading_sp 4.8s ease infinite;
  }
}
.home .wrapper_loading .Deco_Bear {
  width: 162px;
  height: 242px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home .wrapper_loading .Deco_Bear {
    width: 12.65625vw;
    height: 18.90625vw;
  }
}
@media (max-width: 768px) {
  .home .wrapper_loading .Deco_Bear {
    width: 20.5333333333vw;
    height: 30.6666666667vw;
  }
}
.home .wrapper_loading .Deco_cat {
  width: 107px;
  height: 151px;
  margin-bottom: 18px;
  animation-delay: 1s;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home .wrapper_loading .Deco_cat {
    width: 8.359375vw;
    height: 11.796875vw;
    margin-bottom: 1.40625vw;
  }
}
@media (max-width: 768px) {
  .home .wrapper_loading .Deco_cat {
    width: 13.3333333333vw;
    height: 18.9333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
.home .wrapper_loading .Deco_ravioli {
  width: 109px;
  height: 218px;
  margin-bottom: 12px;
  animation-delay: 2s;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home .wrapper_loading .Deco_ravioli {
    width: 8.515625vw;
    height: 17.03125vw;
    margin-bottom: 0.9375vw;
  }
}
@media (max-width: 768px) {
  .home .wrapper_loading .Deco_ravioli {
    width: 13.8666666667vw;
    height: 27.4666666667vw;
    margin-bottom: 3.4666666667vw;
  }
}
.home .wrapper_loading .Deco_bunny {
  width: 73px;
  height: 176px;
  margin-bottom: 18px;
  animation-delay: 3s;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home .wrapper_loading .Deco_bunny {
    width: 5.703125vw;
    height: 13.75vw;
    margin-bottom: 1.40625vw;
  }
}
@media (max-width: 768px) {
  .home .wrapper_loading .Deco_bunny {
    width: 9.2053333333vw;
    height: 22.208vw;
    margin-bottom: 4.1386666667vw;
  }
}
.home .wrapper_loading .Deco_Juno {
  width: 83px;
  height: 174px;
  margin-bottom: 14px;
  animation-delay: 4s;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home .wrapper_loading .Deco_Juno {
    width: 6.484375vw;
    height: 13.59375vw;
    margin-bottom: 1.09375vw;
  }
}
@media (max-width: 768px) {
  .home .wrapper_loading .Deco_Juno {
    width: 10.4vw;
    height: 21.8666666667vw;
    margin-bottom: 3.7333333333vw;
  }
}
.home .wrapper_loading span {
  display: none;
  font-size: 25px;
  letter-spacing: 0.75px;
  line-height: 34px;
  font-weight: 400;
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: "Bree Serif", serif;
  animation: flash linear 1s infinite;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .home .wrapper_loading span {
    font-size: 1.953125vw;
    letter-spacing: 0.05859375vw;
    line-height: 2.65625vw;
  }
}
@media (max-width: 768px) {
  .home .wrapper_loading span {
    font-size: 4.2666666667vw;
    letter-spacing: 0.128vw;
    line-height: 5.6vw;
  }
}

.news #main #content .tlt_section {
  margin-bottom: 40px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news #main #content .tlt_section {
    margin-bottom: 3.125vw;
  }
}
.news #main #content .tlt_section .tab_content ul {
  justify-content: center;
}
.news #main #content .tab_content ul li:nth-child(2):before {
  background-image: url("../images/icon_goods.png");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 54px;
  height: 54px;
  top: -102%;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news #main #content .tab_content ul li:nth-child(2):before {
    width: 4.21875vw;
    height: 4.21875vw;
  }
}
.news #main #content .tab_content ul li:nth-child(3):before {
  background-image: url("../images/icon_popup.png");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 54px;
  height: 54px;
  top: -102%;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news #main #content .tab_content ul li:nth-child(3):before {
    width: 4.21875vw;
    height: 4.21875vw;
  }
}
@media (max-width: 768px) {
  .news #main #content .tab_content ul li:nth-child(3):before {
    width: 14.4vw;
    height: 14.4vw;
  }
}
.news #main #content .tab_content ul li:nth-child(4):before {
  background-image: url("../images/icon_other.png");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 54px;
  height: 54px;
  top: -100%;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news #main #content .tab_content ul li:nth-child(4):before {
    width: 4.21875vw;
    height: 4.21875vw;
  }
}
.news #article {
  padding-top: 80px;
  margin-bottom: 64px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news #article {
    padding-top: 6.25vw;
    margin-bottom: 5vw;
  }
}
@media (max-width: 768px) {
  .news #article {
    margin-bottom: 10.6666666667vw;
    padding: 0 3.7333333333vw;
  }
}
.news #article .inner {
  background-color: #fff;
  text-align: left;
  max-width: 1016px;
  width: 100%;
  margin: 0 auto;
  border-radius: 16px;
  padding: 40px 40px 191px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news #article .inner {
    max-width: 79.375vw;
    border-radius: 1.25vw;
    padding: 3.125vw 3.125vw 14.921875vw;
  }
}
@media (max-width: 768px) {
  .news #article .inner {
    max-width: 100%;
    border-radius: 4.2666666667vw;
    padding: 3.7333333333vw 3.7333333333vw 37.8666666667vw;
  }
}
.news #article .inner p img {
  margin: 0 6px 20px;
}
@media (max-width: 768px) {
  .news #article .inner p img {
    margin: 0 0 20px;
  }
}
.news #article h1 {
  font-weight: 900;
  font-size: 46px;
  letter-spacing: 2.3px;
  line-height: 66px;
  margin-bottom: 16px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news #article h1 {
    font-size: 3.59375vw;
    letter-spacing: 0.1796875vw;
    line-height: 5.15625vw;
    margin-bottom: 1.25vw;
  }
}
@media (max-width: 768px) {
  .news #article h1 {
    font-size: 6.4vw;
    letter-spacing: 0.32vw;
    line-height: 8.5333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
.news #article .sub_info {
  font-family: "Bree Serif", serif;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  align-items: center;
  margin-bottom: 24px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news #article .sub_info {
    margin-bottom: 1.875vw;
    row-gap: 0.78125vw;
  }
}
@media (max-width: 768px) {
  .news #article .sub_info {
    margin-bottom: 6.4vw;
    row-gap: 2.6666666667vw;
  }
}
.news #article .sub_info span {
  display: inline-block;
}
.news #article .sub_info span:first-child {
  font-size: 18px;
  letter-spacing: 1.44px;
  line-height: 24px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news #article .sub_info span:first-child {
    font-size: 1.40625vw;
    letter-spacing: 0.1125vw;
    line-height: 1.875vw;
  }
}
@media (max-width: 768px) {
  .news #article .sub_info span:first-child {
    font-size: 3.7333333333vw;
    letter-spacing: 0.2986666667vw;
    line-height: 5.0666666667vw;
  }
}
.news #article .sub_info span:not(:first-child) {
  font-size: 12px;
  letter-spacing: 1.2px;
  line-height: 16px;
  border: 1px solid #000;
  border-radius: 43px;
  padding: 3.5px 11px;
  margin-left: 16px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news #article .sub_info span:not(:first-child) {
    font-size: 0.9375vw;
    letter-spacing: 0.09375vw;
    line-height: 1.25vw;
    border: 0.078125vw solid #000;
    border-radius: 3.359375vw;
    padding: 0.2734375vw 0.859375vw;
    margin-left: 1.25vw;
  }
}
@media (max-width: 768px) {
  .news #article .sub_info span:not(:first-child) {
    font-size: 3.2vw;
    letter-spacing: 0.32vw;
    line-height: 4.2666666667vw;
    border: 0.2666666667vw solid #000;
    border-radius: 11.4666666667vw;
    padding: 0.8vw 2.6666666667vw;
    margin-left: 2.1333333333vw;
  }
}
.news #article .thumb_nail img {
  margin: 0 6px 20px;
}
@media (max-width: 768px) {
  .news #article .thumb_nail img {
    margin: 0 0 20px;
  }
}
.news #article img {
  margin-bottom: 32px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news #article img {
    margin-bottom: 2.5vw;
  }
}
@media (max-width: 768px) {
  .news #article img {
    margin-bottom: 8.5333333333vw;
  }
}
.news #article h2 {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 1.44px;
  line-height: 35px;
  margin-bottom: 16px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news #article h2 {
    font-size: 1.875vw;
    letter-spacing: 0.1125vw;
    line-height: 2.734375vw;
    margin-bottom: 1.25vw;
  }
}
@media (max-width: 768px) {
  .news #article h2 {
    font-weight: bold;
    font-size: 5.3333333333vw;
    letter-spacing: 0.2666666667vw;
    line-height: 7.7333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
.news #article p {
  text-align: justify;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.96px;
  line-height: 30px;
  margin-bottom: 32px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news #article p {
    font-size: 1.25vw;
    letter-spacing: 0.075vw;
    line-height: 2.34375vw;
    margin-bottom: 2.5vw;
  }
}
@media (max-width: 768px) {
  .news #article p {
    font-weight: bold;
    font-size: 3.7333333333vw;
    letter-spacing: 0.224vw;
    line-height: 6.9333333333vw;
    margin-bottom: 8.5333333333vw;
  }
}
.news #article a {
  display: inline-block;
  font-weight: 600;
  color: #8F66C0;
  font-size: 18px;
  letter-spacing: 0.96px;
  line-height: 26px;
  margin-bottom: 32px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news #article a {
    font-size: 1.40625vw;
    letter-spacing: 0.075vw;
    line-height: 2.03125vw;
    margin-bottom: 2.5vw;
  }
}
@media (max-width: 768px) {
  .news #article a {
    font-size: 3.7333333333vw;
    letter-spacing: 0.224vw;
    line-height: 5.3333333333vw;
    margin-bottom: 8.5333333333vw;
  }
}
.news #article a:hover {
  opacity: 0.7;
}
@media (max-width: 768px) {
  .news #article iframe {
    min-height: 85.3333333333vw;
    width: 100%;
  }
}
.news #article .thumb_nail img {
  width: revert-layer;
}

@media (max-width: 768px) {
  .wp-embed {
    border-right: 2px solid #e5e5e5;
  }
}

.news_detail #main {
  margin-bottom: 362px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news_detail #main {
    margin-bottom: 28.28125vw;
  }
}
@media (max-width: 768px) {
  .news_detail #main {
    padding-top: 37.8666666667vw;
    margin-bottom: 43.2vw;
  }
}
.news_detail #article {
  padding-top: 80px;
  margin-bottom: 64px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news_detail #article {
    padding-top: 6.25vw;
    margin-bottom: 5vw;
  }
}
@media (max-width: 768px) {
  .news_detail #article {
    margin-bottom: 10.6666666667vw;
    padding: 0 3.7333333333vw;
  }
}
.news_detail #article .inner {
  background-color: #fff;
  text-align: left;
  max-width: 1016px;
  width: 100%;
  margin: 0 auto;
  border-radius: 16px;
  padding: 40px 40px 191px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news_detail #article .inner {
    max-width: 79.375vw;
    border-radius: 1.25vw;
    padding: 3.125vw 3.125vw 14.921875vw;
  }
}
@media (max-width: 768px) {
  .news_detail #article .inner {
    max-width: 100%;
    border-radius: 4.2666666667vw;
    padding: 3.7333333333vw 3.7333333333vw 37.8666666667vw;
  }
}
.news_detail #article h1 {
  font-weight: 900;
  font-size: 46px;
  letter-spacing: 2.3px;
  line-height: 66px;
  margin-bottom: 16px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news_detail #article h1 {
    font-size: 3.59375vw;
    letter-spacing: 0.1796875vw;
    line-height: 5.15625vw;
    margin-bottom: 1.25vw;
  }
}
@media (max-width: 768px) {
  .news_detail #article h1 {
    font-size: 6.4vw;
    letter-spacing: 0.32vw;
    line-height: 8.5333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
.news_detail #article .sub_info {
  font-family: "Bree Serif", serif;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news_detail #article .sub_info {
    margin-bottom: 1.875vw;
  }
}
@media (max-width: 768px) {
  .news_detail #article .sub_info {
    margin-bottom: 6.4vw;
  }
}
.news_detail #article .sub_info span {
  display: inline-block;
}
.news_detail #article .sub_info span:first-child {
  font-size: 18px;
  letter-spacing: 1.44px;
  line-height: 24px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news_detail #article .sub_info span:first-child {
    font-size: 1.40625vw;
    letter-spacing: 0.1125vw;
    line-height: 1.875vw;
  }
}
@media (max-width: 768px) {
  .news_detail #article .sub_info span:first-child {
    font-size: 3.7333333333vw;
    letter-spacing: 0.2986666667vw;
    line-height: 5.0666666667vw;
  }
}
.news_detail #article .sub_info span:last-child {
  font-size: 12px;
  letter-spacing: 1.2px;
  line-height: 16px;
  border: 1px solid #000;
  border-radius: 43px;
  padding: 3.5px 11px;
  margin-left: 16px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news_detail #article .sub_info span:last-child {
    font-size: 0.9375vw;
    letter-spacing: 0.09375vw;
    line-height: 1.25vw;
    border: 0.078125vw solid #000;
    border-radius: 3.359375vw;
    padding: 0.2734375vw 0.859375vw;
    margin-left: 1.25vw;
  }
}
@media (max-width: 768px) {
  .news_detail #article .sub_info span:last-child {
    font-size: 3.2vw;
    letter-spacing: 0.32vw;
    line-height: 4.2666666667vw;
    border: 0.2666666667vw solid #000;
    border-radius: 11.4666666667vw;
    padding: 0.8vw 2.6666666667vw;
    margin-left: 2.1333333333vw;
  }
}
.news_detail #article img {
  margin-bottom: 32px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news_detail #article img {
    margin-bottom: 2.5vw;
  }
}
@media (max-width: 768px) {
  .news_detail #article img {
    margin-bottom: 8.5333333333vw;
  }
}
.news_detail #article h2 {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 1.44px;
  line-height: 35px;
  margin-bottom: 16px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news_detail #article h2 {
    font-size: 1.875vw;
    letter-spacing: 0.1125vw;
    line-height: 2.734375vw;
    margin-bottom: 1.25vw;
  }
}
@media (max-width: 768px) {
  .news_detail #article h2 {
    font-weight: bold;
    font-size: 5.3333333333vw;
    letter-spacing: 0.2666666667vw;
    line-height: 7.7333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
.news_detail #article p {
  text-align: justify;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.96px;
  line-height: 30px;
  margin-bottom: 32px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news_detail #article p {
    font-size: 1.25vw;
    letter-spacing: 0.075vw;
    line-height: 2.34375vw;
    margin-bottom: 2.5vw;
  }
}
@media (max-width: 768px) {
  .news_detail #article p {
    font-weight: bold;
    font-size: 3.7333333333vw;
    letter-spacing: 0.224vw;
    line-height: 6.9333333333vw;
    margin-bottom: 8.5333333333vw;
  }
}
.news_detail #article a {
  display: inline-block;
  font-weight: 600;
  color: #8F66C0;
  font-size: 18px;
  letter-spacing: 0.96px;
  line-height: 26px;
  margin-bottom: 32px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .news_detail #article a {
    font-size: 1.40625vw;
    letter-spacing: 0.075vw;
    line-height: 2.03125vw;
    margin-bottom: 2.5vw;
  }
}
@media (max-width: 768px) {
  .news_detail #article a {
    font-size: 3.7333333333vw;
    letter-spacing: 0.224vw;
    line-height: 5.3333333333vw;
    margin-bottom: 8.5333333333vw;
  }
}
.news_detail #article a:hover {
  opacity: 0.7;
}

.contact #main {
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .contact #main {
    padding-top: 27.2vw;
  }
}
.contact #main span.wpcf7-not-valid-tip {
  display: none;
}
.contact #content {
  position: relative;
}
.contact #content .inner {
  max-width: 1280px;
  margin: 0 auto 369px;
  padding-top: 40px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .inner {
    max-width: 100vw;
    margin: 0 auto 28.828125vw;
    padding-top: 3.125vw;
  }
}
@media (max-width: 768px) {
  .contact #content .inner {
    width: 100%;
    padding: 10.6666666667vw 4.5333333333vw 0;
    margin-bottom: 70.9333333333vw;
  }
}
.contact #content .inner .sticky_07 {
  top: 166px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .inner .sticky_07 {
    top: 12.96875vw;
  }
}
.contact #content .inner .sticky_08 {
  top: 435px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .inner .sticky_08 {
    top: 33.984375vw;
  }
}
.contact #content .inner .sticky_09 {
  top: 628px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .inner .sticky_09 {
    top: 49.0625vw;
  }
}
.contact #content .inner .sticky_10 {
  top: 824px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .inner .sticky_10 {
    top: 64.375vw;
  }
}
.contact #content .inner .sticky_11 {
  top: 1000px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .inner .sticky_11 {
    top: 78.125vw;
  }
}
.contact #content .inner .sticky_12 {
  bottom: -40px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .inner .sticky_12 {
    bottom: -3.125vw;
  }
}
.contact #content .inner .sticky_13 {
  bottom: -282px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .inner .sticky_13 {
    bottom: -22.03125vw;
  }
}
.contact #content .tlt_section {
  padding-left: 0;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .tlt_section {
    margin-bottom: 3.125vw;
  }
}
@media (max-width: 768px) {
  .contact #content .tlt_section {
    width: 100%;
    margin-bottom: 10.6666666667vw;
  }
}
.contact #content .tlt_section:before {
  content: none;
}
.contact #content .tlt_section span {
  line-height: 24px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .tlt_section span {
    line-height: 1.875vw;
  }
}
@media (max-width: 768px) {
  .contact #content .tlt_section span {
    line-height: 4vw;
  }
}
.contact #content .content a {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 24px;
  color: #FFFFFF;
  font-weight: 500;
  margin-bottom: 40px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .content a {
    font-size: 1.25vw;
    letter-spacing: 0.0625vw;
    line-height: 1.875vw;
    margin-bottom: 3.125vw;
  }
}
@media (max-width: 768px) {
  .contact #content .content a {
    width: 100%;
    font-size: 4.2666666667vw;
    letter-spacing: 0.2133333333vw;
    line-height: 7.4666666667vw;
    margin-bottom: 10.6666666667vw;
  }
}
.contact #content .content form {
  text-align: left;
  width: 532px;
  margin: 0 auto 128px;
  padding: 65px 32px 62px;
  background: #ffffff;
  border-radius: 16px;
  position: relative;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .content form {
    margin-bottom: 10vw;
    width: 41.5625vw;
    padding: 5.078125vw 2.5vw 4.84375vw;
    border-radius: 1.25vw;
  }
}
@media (max-width: 768px) {
  .contact #content .content form {
    width: 100%;
    margin-bottom: 27.7333333333vw;
    padding: 10.6666666667vw 3.7333333333vw 8.5333333333vw;
    border-radius: 4.2666666667vw;
  }
}
.contact #content .content form .form-control {
  margin-bottom: 30px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .content form .form-control {
    margin-bottom: 2.34375vw;
  }
}
@media (max-width: 768px) {
  .contact #content .content form .form-control {
    margin-bottom: 4.2666666667vw;
  }
}
.contact #content .content form .form-control:nth-child(5) input {
  margin-bottom: 10px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .content form .form-control:nth-child(5) input {
    margin-bottom: 0.78125vw;
  }
}
@media (max-width: 768px) {
  .contact #content .content form .form-control:nth-child(5) input {
    margin-bottom: 2.1333333333vw;
  }
}
.contact #content .content form .form-control br {
  display: none;
}
.contact #content .content form .form-control:nth-last-child(2) {
  margin-bottom: 0;
}
.contact #content .content form .form-control label {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  color: #3E3E3E;
  margin-bottom: 20px;
  font-weight: bold;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .content form .form-control label {
    font-size: 1.25vw;
    line-height: 1.875vw;
    margin-bottom: 1.5625vw;
  }
}
@media (max-width: 768px) {
  .contact #content .content form .form-control label {
    font-size: 4.2666666667vw;
    line-height: 6.4vw;
    margin-bottom: 2.1333333333vw;
  }
}
.contact #content .content form .form-control label .error {
  width: auto;
  border: 0;
  border-radius: 0;
  font-size: 14px;
  line-height: 22px;
  color: #FF4646;
  font-weight: 500;
  margin-left: 15px;
  margin-bottom: 0;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .content form .form-control label .error {
    font-size: 1.09375vw;
    line-height: 1.71875vw;
    margin-left: 1.171875vw;
  }
}
@media (max-width: 768px) {
  .contact #content .content form .form-control label .error {
    font-size: 3.2vw;
    line-height: 4.5333333333vw;
    margin-left: 2.1333333333vw;
  }
}
.contact #content .content form .form-control label span {
  margin-left: 5px;
  text-align: center;
  display: inline-block;
  border: 1px solid #000000;
  border-radius: 12px;
  padding: 0 8.5px;
  font-size: 10px;
  letter-spacing: 0.5px;
  line-height: 17px;
  font-weight: 500;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .content form .form-control label span {
    margin-left: 0.625vw;
    border-radius: 0.9375vw;
    padding: 0 0.6640625vw;
    font-size: 0.78125vw;
    line-height: 1.328125vw;
  }
}
@media (max-width: 768px) {
  .contact #content .content form .form-control label span {
    margin-left: 2.1333333333vw;
    border-radius: 3.2vw;
    padding: 0 2.2666666667vw;
    font-size: 2.6666666667vw;
    line-height: 4.5333333333vw;
  }
}
.contact #content .content form .form-control input {
  width: 100%;
  outline: none;
  height: 71px;
  padding: 0 35px;
  background: #F0F0F0;
  border-radius: 36px;
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 25px;
  color: #000000;
  font-weight: 500;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .content form .form-control input {
    height: 5.546875vw;
    padding: 0 2.734375vw;
    border-radius: 2.8125vw;
    font-size: 1.25vw;
    line-height: 1.953125vw;
  }
}
@media (max-width: 768px) {
  .contact #content .content form .form-control input {
    display: flex;
    align-items: center;
    height: auto;
    padding: 3.7333333333vw 4.2666666667vw;
    border-radius: 9.6vw;
    font-size: 4.2666666667vw;
    line-height: normal;
  }
}
.contact #content .content form .form-control input::placeholder {
  color: #A3A3A3;
}
.contact #content .content form .form-control small {
  display: inline-block;
  margin-left: 8px;
  font-size: 15px;
  font-weight: 500;
  color: #bbb;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .content form .form-control small {
    margin-left: 0.625vw;
    font-size: 1.171875vw;
  }
}
@media (max-width: 768px) {
  .contact #content .content form .form-control small {
    margin-left: 2.1333333333vw;
    font-size: 3.7333333333vw;
  }
}
.contact #content .content form .form-control textarea {
  resize: none;
  width: 100%;
  outline: none;
  border: 1px solid #FFFFFF;
  background: #F0F0F0;
  border-radius: 36px;
  height: 272px;
  font-family: "Noto Sans JP", sans-serif;
  padding: 30px;
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 25px;
  color: #000000;
  font-weight: 500;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .content form .form-control textarea {
    border-radius: 2.8125vw;
    height: 21.25vw;
    padding: 2.34375vw;
    font-size: 1.25vw;
    line-height: 1.953125vw;
  }
}
@media (max-width: 768px) {
  .contact #content .content form .form-control textarea {
    border-radius: 4.2666666667vw;
    height: 74.1333333333vw;
    padding: 4.2666666667vw;
    font-size: 4.2666666667vw;
    line-height: 6.6666666667vw;
  }
}
.contact #content .content form .form-control textarea::placeholder {
  color: #A3A3A3;
}
.contact #content .content .btn_more {
  position: absolute;
  bottom: -128px;
  width: 320px;
  height: 64px;
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
  background-color: #000000;
  border-radius: 35px;
  transition: all ease-in 0.3s;
  cursor: pointer;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .content .btn_more {
    width: 25vw;
    height: 5vw;
    bottom: -10vw;
    border-radius: 2.734375vw;
  }
}
@media (max-width: 768px) {
  .contact #content .content .btn_more {
    bottom: -27.7333333333vw;
    height: 17.0666666667vw;
    border-radius: 9.3333333333vw;
    width: 100%;
  }
}
.contact #content .content .btn_more:hover {
  opacity: 0.7;
}
.contact #content .content .btn_more:before {
  right: 74px;
  width: 27px;
  position: absolute;
  content: "";
  height: 3px;
  background: #ffffff;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease-in 0.3s;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .content .btn_more:before {
    right: 5.46875vw;
    width: 2.109375vw;
    height: 0.234375vw;
  }
}
@media (max-width: 768px) {
  .contact #content .content .btn_more:before {
    right: 18.6666666667vw;
    width: 7.2vw;
    height: 0.8vw;
  }
}
.contact #content .content .btn_more:after {
  right: 60px;
  content: "";
  position: absolute;
  margin-left: -5px;
  border-width: 7px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  transform: translateY(-50%) rotate(-90deg);
  top: 50%;
  transition: all ease-in 0.3s;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .content .btn_more:after {
    right: 4.6875vw;
    margin-left: -0.390625vw;
    border-width: 0.546875vw;
  }
}
@media (max-width: 768px) {
  .contact #content .content .btn_more:after {
    right: 16vw;
    margin-left: -1.3333333333vw;
    border-width: 1.8666666667vw;
  }
}
.contact #content .content .btn_more:hover:before {
  right: 65px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .content .btn_more:hover:before {
    right: 5.078125vw;
  }
}
@media (max-width: 768px) {
  .contact #content .content .btn_more:hover:before {
    right: 17.3333333333vw;
  }
}
.contact #content .content .btn_more:hover:after {
  right: 55px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .content .btn_more:hover:after {
    right: 4.296875vw;
  }
}
@media (max-width: 768px) {
  .contact #content .content .btn_more:hover:after {
    right: 14.6666666667vw;
  }
}
.contact #content .content .btn_more #submit {
  font-size: 16px;
  letter-spacing: 1.28px;
  line-height: 21px;
  font-weight: 400;
  width: 100%;
  font-family: "Bree Serif", serif;
  text-transform: uppercase;
  color: #ffffff;
  background-color: transparent;
  position: relative;
  border: none;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact #content .content .btn_more #submit {
    font-size: 1.25vw;
    letter-spacing: 0.1vw;
    line-height: 1.640625vw;
  }
}
@media (max-width: 768px) {
  .contact #content .content .btn_more #submit {
    width: 100%;
    font-size: 4.2666666667vw;
    letter-spacing: 0.3413333333vw;
    line-height: 5.6vw;
  }
}
.contact #content .content .btn_more .wpcf7-spinner {
  display: none;
}

@media (max-width: 768px) {
  .contact_success #main {
    padding-top: 27.2vw;
  }
}
.contact_success #content.section:not(#banner) .inner > span {
  position: static;
}
.contact_success #content.section:not(#banner) .inner > span:hover {
  animation: none;
}
.contact_success #content .inner {
  max-width: 1280px;
  margin: 0 auto 240px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact_success #content .inner {
    max-width: 100vw;
    margin: 0 auto 18.75vw;
  }
}
@media (max-width: 768px) {
  .contact_success #content .inner {
    width: 100%;
    padding: 0 6.4vw;
    margin-bottom: 43.2vw;
  }
}
.contact_success #content .tlt_section {
  padding-top: 237px;
  text-align: center;
  margin-bottom: 32px;
  padding-left: 0;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact_success #content .tlt_section {
    padding-top: 18.515625vw;
    margin-bottom: 2.5vw;
  }
}
@media (max-width: 768px) {
  .contact_success #content .tlt_section {
    padding-top: 69.6vw;
    margin-bottom: 4.2666666667vw;
  }
}
.contact_success #content .tlt_section:before {
  content: none;
}
.contact_success #content .tlt_section .thumb {
  position: absolute;
  width: 108px;
  height: 213px;
  left: 50%;
  transform: translateX(-50%) scale(0) rotate(-30deg);
  top: 24px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact_success #content .tlt_section .thumb {
    width: 8.4375vw;
    height: 16.640625vw;
    top: 1.875vw;
  }
}
@media (max-width: 768px) {
  .contact_success #content .tlt_section .thumb {
    width: 28.8vw;
    height: 56.8vw;
    top: 8.5333333333vw;
  }
}
.contact_success #content .tlt_section .thumb:hover {
  animation: none;
}
.contact_success #content .tlt_section span {
  color: #000000;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 0;
  line-height: 24px;
  letter-spacing: 1.28px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact_success #content .tlt_section span {
    line-height: 1.875vw;
    letter-spacing: 0.1vw;
  }
}
@media (max-width: 768px) {
  .contact_success #content .tlt_section span {
    letter-spacing: 0.3413333333vw;
    line-height: 6.4vw;
  }
}
.contact_success #content span {
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 28px;
  color: #FFFFFF;
  font-weight: 500;
  display: block;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact_success #content span {
    font-size: 1.25vw;
    line-height: 2.1875vw;
    margin-bottom: 3.125vw;
  }
}
@media (max-width: 768px) {
  .contact_success #content span {
    padding: 0 2.9333333333vw;
    font-size: 4.2666666667vw;
    line-height: 6.9333333333vw;
    margin-bottom: 10.6666666667vw;
  }
}
.contact_success #content .btn_more {
  justify-content: center;
}
.contact_success #content .btn_more a {
  padding: 28px 80px 28px 119px;
  font-size: 18px;
  letter-spacing: 1.46px;
  line-height: 24px;
  border-radius: 61px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact_success #content .btn_more a {
    padding: 2.1875vw 6.25vw 2.1875vw 9.296875vw;
    font-size: 1.40625vw;
    letter-spacing: 0.1140625vw;
    line-height: 1.875vw;
    border-radius: 4.765625vw;
  }
}
@media (max-width: 768px) {
  .contact_success #content .btn_more a {
    padding: 7.4666666667vw 21.3333333333vw 7.4666666667vw 31.7333333333vw;
    font-size: 4.8vw;
    letter-spacing: 0.3893333333vw;
    line-height: 6.4vw;
    border-radius: 16.2666666667vw;
  }
}
.contact_success #content .btn_more a:before {
  left: 37px;
  width: 27px;
  height: 3px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact_success #content .btn_more a:before {
    left: 2.890625vw;
    width: 2.109375vw;
    height: 0.234375vw;
  }
}
@media (max-width: 768px) {
  .contact_success #content .btn_more a:before {
    left: 9.8666666667vw;
    width: 7.2vw;
    height: 0.8vw;
  }
}
.contact_success #content .btn_more a:after {
  left: 32px;
  right: unset;
  transform: translateY(-50%) rotate(90deg);
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact_success #content .btn_more a:after {
    left: 2.5vw;
  }
}
@media (max-width: 768px) {
  .contact_success #content .btn_more a:after {
    left: 8.5333333333vw;
  }
}
.contact_success #content .btn_more a:hover:before {
  left: 32px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact_success #content .btn_more a:hover:before {
    left: 2.5vw;
  }
}
@media (max-width: 768px) {
  .contact_success #content .btn_more a:hover:before {
    left: 8.5333333333vw;
  }
}
.contact_success #content .btn_more a:hover:after {
  left: 27px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .contact_success #content .btn_more a:hover:after {
    left: 2.109375vw;
  }
}
@media (max-width: 768px) {
  .contact_success #content .btn_more a:hover:after {
    left: 7.2vw;
  }
}

@media (max-width: 768px) {
  .works_list #main #content .tlt_section span {
    margin-bottom: 10.6666666667vw;
  }
}
.works_list #main #content .tab_content {
  bottom: 46px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #main #content .tab_content {
    bottom: 3.59375vw;
  }
}
@media (max-width: 768px) {
  .works_list #main #content .tab_content {
    padding: 0 3.7333333333vw;
  }
}
@media (max-width: 768px) {
  .works_list #main #content .tab_content ul li {
    margin-right: 5.3333333333vw;
  }
}
.works_list #main #content .tab_content ul li:before {
  content: initial;
}
@media (max-width: 768px) {
  .works_list #main #content .tab_content ul li:last-child {
    margin-right: 0;
  }
}
.works_list #main #article {
  padding-top: 80px;
  margin-bottom: 64px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #main #article {
    padding-top: 6.25vw;
    margin-bottom: 5vw;
  }
}
@media (max-width: 768px) {
  .works_list #main #article {
    margin-bottom: 10.6666666667vw;
    padding: 0 3.7333333333vw;
  }
}
.works_list #main #article .inner {
  background-color: #fff;
  text-align: left;
  max-width: 1016px;
  width: 100%;
  margin: 0 auto;
  border-radius: 16px;
  padding: 40px 40px 191px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #main #article .inner {
    max-width: 79.375vw;
    border-radius: 1.25vw;
    padding: 3.125vw 3.125vw 14.921875vw;
  }
}
@media (max-width: 768px) {
  .works_list #main #article .inner {
    max-width: 100%;
    border-radius: 4.2666666667vw;
    padding: 3.7333333333vw 3.7333333333vw 37.8666666667vw;
  }
}
.works_list #main #article .inner p img {
  margin: 0 6px 20px;
}
@media (max-width: 768px) {
  .works_list #main #article .inner p img {
    margin: 0 0 20px;
  }
}
.works_list #main #article h1 {
  font-weight: 900;
  font-size: 46px;
  letter-spacing: 2.3px;
  line-height: 66px;
  margin-bottom: 16px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #main #article h1 {
    font-size: 3.59375vw;
    letter-spacing: 0.1796875vw;
    line-height: 5.15625vw;
    margin-bottom: 1.25vw;
  }
}
@media (max-width: 768px) {
  .works_list #main #article h1 {
    font-size: 6.4vw;
    letter-spacing: 0.32vw;
    line-height: 8.5333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
.works_list #main #article .sub_info {
  font-family: "Bree Serif", serif;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  align-items: center;
  margin-bottom: 24px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #main #article .sub_info {
    margin-bottom: 1.875vw;
    row-gap: 0.78125vw;
  }
}
@media (max-width: 768px) {
  .works_list #main #article .sub_info {
    margin-bottom: 6.4vw;
    row-gap: 2.6666666667vw;
  }
}
.works_list #main #article .sub_info span {
  display: inline-block;
}
.works_list #main #article .sub_info span {
  font-size: 18px;
  letter-spacing: 1.44px;
  line-height: 24px;
  padding-right: 11px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #main #article .sub_info span {
    font-size: 1.40625vw;
    letter-spacing: 0.1125vw;
    line-height: 1.875vw;
    padding-right: 0.859375vw;
  }
}
@media (max-width: 768px) {
  .works_list #main #article .sub_info span {
    font-size: 3.7333333333vw;
    letter-spacing: 0.2986666667vw;
    line-height: 5.0666666667vw;
    padding-right: 2.6666666667vw;
  }
}
.works_list #main #article .thumb_nail img {
  margin: 0 6px 20px;
}
@media (max-width: 768px) {
  .works_list #main #article .thumb_nail img {
    margin: 0 0 20px;
  }
}
.works_list #main #article img {
  margin-bottom: 32px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #main #article img {
    margin-bottom: 2.5vw;
  }
}
@media (max-width: 768px) {
  .works_list #main #article img {
    margin-bottom: 8.5333333333vw;
  }
}
.works_list #main #article h2 {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 1.44px;
  line-height: 35px;
  margin-bottom: 16px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #main #article h2 {
    font-size: 1.875vw;
    letter-spacing: 0.1125vw;
    line-height: 2.734375vw;
    margin-bottom: 1.25vw;
  }
}
@media (max-width: 768px) {
  .works_list #main #article h2 {
    font-weight: bold;
    font-size: 5.3333333333vw;
    letter-spacing: 0.2666666667vw;
    line-height: 7.7333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
.works_list #main #article p {
  text-align: justify;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.96px;
  line-height: 30px;
  margin-bottom: 32px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #main #article p {
    font-size: 1.25vw;
    letter-spacing: 0.075vw;
    line-height: 2.34375vw;
    margin-bottom: 2.5vw;
  }
}
@media (max-width: 768px) {
  .works_list #main #article p {
    font-weight: bold;
    font-size: 3.7333333333vw;
    letter-spacing: 0.224vw;
    line-height: 6.9333333333vw;
    margin-bottom: 8.5333333333vw;
  }
}
.works_list #main #article a {
  display: inline-block;
  font-weight: 600;
  color: #8F66C0;
  font-size: 18px;
  letter-spacing: 0.96px;
  line-height: 26px;
  margin-bottom: 32px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .works_list #main #article a {
    font-size: 1.40625vw;
    letter-spacing: 0.075vw;
    line-height: 2.03125vw;
    margin-bottom: 2.5vw;
  }
}
@media (max-width: 768px) {
  .works_list #main #article a {
    font-size: 3.7333333333vw;
    letter-spacing: 0.224vw;
    line-height: 5.3333333333vw;
    margin-bottom: 8.5333333333vw;
  }
}
.works_list #main #article a:hover {
  opacity: 0.7;
}
@media (max-width: 768px) {
  .works_list #main #article iframe {
    width: 100%;
  }
}
.works_list #main #article .thumb_nail img {
  width: revert-layer;
}

.about_us #main {
  position: relative;
  top: 30px;
  padding-top: 124px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us #main {
    top: 2.34375vw;
    padding-top: 9.6875vw;
  }
}
@media (max-width: 768px) {
  .about_us #main {
    top: 0;
    padding-top: 37.8666666667vw;
  }
}
.about_us #content {
  padding: 97px 0 267px;
  overflow-x: hidden;
  position: relative;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us #content {
    padding: 7.578125vw 0 20.859375vw;
  }
}
@media (max-width: 768px) {
  .about_us #content {
    padding: 0 0 38.9333333333vw;
  }
}
.about_us #content .inner {
  max-width: 936px;
  width: 100%;
  margin: 0 auto;
}
.about_us #content .inner .sticky_07 {
  top: 816px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us #content .inner .sticky_07 {
    top: 63.75vw;
  }
}
@media (max-width: 768px) {
  .about_us #content .inner .sticky_07 {
    background-image: url("../images/Deco_ravioli.png");
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    top: 98.6666666667vw;
    right: -0.8vw;
    width: 21.6vw;
    height: 51.2vw;
  }
}
.about_us #content .inner .sticky_08 {
  top: 1080px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us #content .inner .sticky_08 {
    top: 84.375vw;
  }
}
@media (max-width: 768px) {
  .about_us #content .inner .sticky_08 {
    top: 140vw;
    left: -4.2666666667vw;
  }
}
.about_us #content .inner .sticky_09 {
  top: 1262px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us #content .inner .sticky_09 {
    top: 98.59375vw;
  }
}
@media (max-width: 768px) {
  .about_us #content .inner .sticky_09 {
    top: 177.8666666667vw;
  }
}
.about_us #content .inner .sticky_10 {
  top: 1445px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us #content .inner .sticky_10 {
    top: 112.890625vw;
  }
}
@media (max-width: 768px) {
  .about_us #content .inner .sticky_10 {
    top: 240vw;
  }
}
.about_us #content .inner .sticky_11 {
  top: 1664px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us #content .inner .sticky_11 {
    top: 130vw;
  }
}
@media (max-width: 768px) {
  .about_us #content .inner .sticky_11 {
    top: 280.5333333333vw;
    right: -2.4vw;
  }
}
.about_us #content .inner .sticky_12 {
  bottom: 246px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us #content .inner .sticky_12 {
    bottom: 19.21875vw;
  }
}
@media (max-width: 768px) {
  .about_us #content .inner .sticky_12 {
    bottom: 94.1333333333vw;
    left: -2.4vw;
  }
}
.about_us #content .inner .sticky_13 {
  bottom: 0;
}
@media (max-width: 768px) {
  .about_us #content .inner .sticky_13 {
    bottom: 90.1333333333vw;
    right: -2.6666666667vw;
  }
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us #content .inner {
    max-width: 73.125vw;
  }
}
@media (max-width: 768px) {
  .about_us #content .inner {
    max-width: 100%;
    width: 100%;
    padding: 0 4.5333333333vw;
  }
}
.about_us .inner .tlt_section {
  text-align: center;
  padding: 0;
}
.about_us .inner .tlt_section:first-child {
  margin-bottom: 96px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us .inner .tlt_section:first-child {
    margin-bottom: 7.5vw;
  }
}
@media (max-width: 768px) {
  .about_us .inner .tlt_section:first-child {
    margin-bottom: 7.4666666667vw;
  }
}
.about_us .inner .tlt_section:first-child:before, .about_us .inner .tlt_section:first-child:after {
  content: "";
  width: 139px;
  height: 230px;
  position: absolute;
  background-image: url("../images/Deco_tree_L.webp");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us .inner .tlt_section:first-child:before, .about_us .inner .tlt_section:first-child:after {
    width: 10.859375vw;
    height: 17.96875vw;
  }
}
@media (max-width: 768px) {
  .about_us .inner .tlt_section:first-child:before, .about_us .inner .tlt_section:first-child:after {
    width: 17.0666666667vw;
    height: 28.2666666667vw;
  }
}
.about_us .inner .tlt_section:first-child:before {
  left: 40px;
  top: -60px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us .inner .tlt_section:first-child:before {
    left: 3.125vw;
    top: -4.6875vw;
  }
}
@media (max-width: 768px) {
  .about_us .inner .tlt_section:first-child:before {
    left: 2.6666666667vw;
    top: 4.8vw;
  }
}
.about_us .inner .tlt_section:first-child:after {
  right: 40px;
  top: -60px;
  background-image: url("../images/Deco_tree_R.webp");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us .inner .tlt_section:first-child:after {
    right: 3.125vw;
    top: -4.6875vw;
  }
}
@media (max-width: 768px) {
  .about_us .inner .tlt_section:first-child:after {
    right: 2.6666666667vw;
    top: 4.8vw;
  }
}
@media (max-width: 768px) {
  .about_us .inner .tlt_section:first-child small {
    display: block;
    line-height: 12.5333333333vw;
  }
}
@media (max-width: 768px) {
  .about_us .inner .tlt_section:first-child h2 {
    line-height: 12.5333333333vw;
    margin-bottom: 1.3333333333vw;
  }
}
@media (max-width: 768px) {
  .about_us .inner .tlt_section:first-child span {
    line-height: 4vw;
  }
}
.about_us .inner .tlt_section:nth-child(4) {
  margin-bottom: 40px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us .inner .tlt_section:nth-child(4) {
    margin-bottom: 3.125vw;
  }
}
@media (max-width: 768px) {
  .about_us .inner .tlt_section:nth-child(4) {
    margin-bottom: 4.2666666667vw;
  }
}
.about_us .inner .tlt_section:nth-child(4):before {
  content: initial;
}
.about_us .inner .thumb {
  width: 100%;
  height: 526px;
  margin: 0 auto 64px;
  border-radius: 300px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us .inner .thumb {
    height: 41.09375vw;
    margin: 0 auto 5vw;
    border-radius: 23.4375vw;
  }
}
@media (max-width: 768px) {
  .about_us .inner .thumb {
    height: 50.9333333333vw;
    border-radius: 80vw;
    margin-bottom: 10.6666666667vw;
  }
}
.about_us .inner .txt_desp {
  position: relative;
  max-width: 844px;
  margin: 0 auto 65px;
  text-align: left;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us .inner .txt_desp {
    max-width: 66.015625vw;
    margin: 0 auto 5.078125vw;
  }
}
@media (max-width: 768px) {
  .about_us .inner .txt_desp {
    max-width: 100%;
    padding: 0 11.4666666667vw;
    margin: 0 auto 21.3333333333vw;
    z-index: 2;
  }
}
.about_us .inner .txt_desp p {
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 28px;
  color: #FFFFFF;
  font-weight: 500;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us .inner .txt_desp p {
    font-size: 1.25vw;
    line-height: 2.5vw;
    margin-bottom: 2.1875vw;
  }
}
@media (max-width: 768px) {
  .about_us .inner .txt_desp p {
    font-size: 3.2vw;
    line-height: 6.9333333333vw;
    margin-bottom: 5.7333333333vw;
  }
}
.about_us .inner .txt_desp p a {
  color: #FFFFFF;
  opacity: 0.8;
}
.about_us .inner .txt_desp p:first-child {
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 35px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us .inner .txt_desp p:first-child {
    font-size: 1.5625vw;
    line-height: 2.5vw;
    margin-bottom: 2.734375vw;
  }
}
@media (max-width: 768px) {
  .about_us .inner .txt_desp p:first-child {
    font-size: 3.7333333333vw;
    line-height: 6.9333333333vw;
    margin-bottom: 10.6666666667vw;
  }
}
.about_us .inner .txt_desp p:last-child {
  margin-bottom: 0;
}
.about_us .inner .video {
  margin: 0 auto;
  width: 710px;
  height: 401px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us .inner .video {
    width: 55.46875vw;
    height: 31.328125vw;
  }
}
@media (max-width: 768px) {
  .about_us .inner .video {
    width: 100%;
    padding: 0 3.7333333333vw;
    height: 46.9333333333vw;
  }
}
.about_us .inner .video iframe {
  width: 100%;
  height: 100%;
  border-radius: 17px;
}
@media (max-width: 1280px) and (min-width: 769px) {
  .about_us .inner .video iframe {
    border-radius: 1.328125vw;
  }
}
@media (max-width: 768px) {
  .about_us .inner .video iframe {
    border-radius: 4.5333333333vw;
  }
}

/*# sourceMappingURL=style.css.map */