@charset "UTF-8";
html.video {
  border: none;
}

body {
  max-width: none;
  min-width: 0;
}

@media print, screen and (min-width: 768px) {
  .pjax-area {
    padding-top: 81px;
  }
}
@media print, screen and (max-width: 767px) {
  .pjax-area {
    padding-top: 46px;
  }
}
.pjax-area {
  font-size: 1.4rem;
}

.contents-wrapper[data-layout="1"] {
  max-width: initial;
  padding: 0;
}
.contents-wrapper[data-layout="1"] > div > div > div > div {
  padding: 0;
}
.contents-wrapper[data-layout="1"] main {
  padding: 0;
}

.footer-pagetop {
  display: none;
}

#lp-container {
  /* http://meyerweb.com/eric/tools/css/reset/
     v2.0 | 20110126
     License: none (public domain)
  */
  /* HTML5 display-role reset for older browsers */
  /**
   * メディアクエリ
   * @param {string} $mode - max または min
   * @param {number} $width - 設定値
   */
  /**
   * メディアクエリ PC
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリ SP
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリによるIE11ハック
   */
  /**
   * VW計算
   * @param {string} $property  - プロパティ
   * @param {number} $value - 基準となる値
   * @param {number} $basewidth - 基準となるウィンドウ幅
   * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
   * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
   */
  /**
   * メディアクエリ
   * @param {string} $mode - max または min
   * @param {number} $width - 設定値
   */
  /**
   * メディアクエリ PC
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリ SP
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリによるIE11ハック
   */
  /**
   * VW計算
   * @param {string} $property  - プロパティ
   * @param {number} $value - 基準となる値
   * @param {number} $basewidth - 基準となるウィンドウ幅
   * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
   * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
   */
  overflow: hidden;
  position: relative;
  font-weight: 500;
  line-height: 1.375;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", sans-serif;
}
#lp-container html, #lp-container body, #lp-container div, #lp-container span, #lp-container applet, #lp-container object, #lp-container iframe,
#lp-container h1, #lp-container h2, #lp-container h3, #lp-container h4, #lp-container h5, #lp-container h6, #lp-container p, #lp-container blockquote, #lp-container pre,
#lp-container a, #lp-container abbr, #lp-container acronym, #lp-container address, #lp-container big, #lp-container cite, #lp-container code,
#lp-container del, #lp-container dfn, #lp-container em, #lp-container img, #lp-container ins, #lp-container kbd, #lp-container q, #lp-container s, #lp-container samp,
#lp-container small, #lp-container strike, #lp-container strong, #lp-container sub, #lp-container sup, #lp-container tt, #lp-container var,
#lp-container b, #lp-container u, #lp-container i, #lp-container center,
#lp-container dl, #lp-container dt, #lp-container dd, #lp-container ol, #lp-container ul, #lp-container li,
#lp-container fieldset, #lp-container form, #lp-container label, #lp-container legend,
#lp-container table, #lp-container caption, #lp-container tbody, #lp-container tfoot, #lp-container thead, #lp-container tr, #lp-container th, #lp-container td,
#lp-container article, #lp-container aside, #lp-container canvas, #lp-container details, #lp-container embed,
#lp-container figure, #lp-container figcaption, #lp-container footer, #lp-container header, #lp-container hgroup,
#lp-container menu, #lp-container nav, #lp-container output, #lp-container ruby, #lp-container section, #lp-container summary,
#lp-container time, #lp-container mark, #lp-container audio, #lp-container video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
#lp-container article, #lp-container aside, #lp-container details, #lp-container figcaption, #lp-container figure,
#lp-container footer, #lp-container header, #lp-container hgroup, #lp-container menu, #lp-container nav, #lp-container section {
  display: block;
}
#lp-container body {
  line-height: 1;
}
#lp-container ol, #lp-container ul {
  list-style: none;
}
#lp-container blockquote, #lp-container q {
  quotes: none;
}
#lp-container blockquote:before, #lp-container blockquote:after,
#lp-container q:before, #lp-container q:after {
  content: "";
  content: none;
}
#lp-container table {
  border-collapse: collapse;
  border-spacing: 0;
}
#lp-container input, #lp-container button, #lp-container textarea, #lp-container select, #lp-container option {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: inherit;
}
#lp-container input::-ms-clear {
  display: none;
}
#lp-container input::-ms-reveal {
  display: none;
}
#lp-container body {
  min-width: 320px;
  color: #000;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#lp-container a {
  color: inherit;
  text-decoration: none;
}
#lp-container img {
  display: block;
  max-width: 100%;
}
#lp-container picture {
  display: block;
}
@media screen and (max-width: 767px) {
  #lp-container .pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .sp {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  #lp-container {
    padding-bottom: 7.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container {
    font-feature-settings: "palt";
    padding-bottom: 17.1875vw;
  }
}
@media print {
  #lp-container .menu-img01 img, #lp-container .kv-block img,
#lp-container .promo-top img, #lp-container .disable-print img, #lp-container .video-img img {
    opacity: 0 !important;
  }
  #lp-container .menu-main {
    opacity: 0 !important;
  }
}
#lp-container .adjust-top {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #lp-container .adjust-top {
    margin-top: -12.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .adjust-top {
    margin-top: -170px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .adjust-top {
    margin-top: -18vw;
  }
}
#lp-container .kv-block img, #lp-container .menu-img01 img,
#lp-container .promo-top img, #lp-container .banner-contents img {
  pointer-events: none;
}
#lp-container .pc-br {
  display: block;
}
@media screen and (max-width: 767px) {
  #lp-container .pc-br {
    display: none;
  }
}
#lp-container .sp-br {
  display: none;
}
@media screen and (max-width: 767px) {
  #lp-container .sp-br {
    display: block;
  }
}
#lp-container a:focus {
  outline: none !important;
}
@media screen and (max-width: 767px) {
  #lp-container .no-wrap {
    white-space: nowrap;
  }
}
#lp-container *:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  #lp-container .kv-container {
    width: 100%;
  }
}
#lp-container .kv-container .swiper-container {
  position: relative;
}
#lp-container .kv-container .swiper {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
}
#lp-container .kv-container .swiper-slide .kv-block img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #lp-container .kv-container .swiper-slide {
    flex-direction: column;
    align-items: center;
  }
}
#lp-container .kv-container .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  position: absolute;
}
@media screen and (min-width: 768px) {
  #lp-container .kv-container .swiper-pagination {
    top: -50.1464128843vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #lp-container .kv-container .swiper-pagination {
    top: -685px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .kv-container .swiper-pagination {
    top: -182.6666666667vw;
    left: -32vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 1366px) {
  #lp-container .kv-container .swiper-pagination {
    top: -2495.2266666667px;
  }
}
@media screen and (max-width: 767px) and (min-width: 1366px) {
  #lp-container .kv-container .swiper-pagination {
    left: -437.12px;
  }
}
#lp-container .kv-container .swiper-pagination .swiper-pagination-bullet {
  background-color: #f5e4d7;
  transition: background-color 0.3s;
  border-radius: 0px;
}
@media screen and (min-width: 768px) {
  #lp-container .kv-container .swiper-pagination .swiper-pagination-bullet {
    width: 2.196193265vw;
    height: 0.2928257687vw;
    margin-left: 0.3660322108vw;
    margin-right: 0.3660322108vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #lp-container .kv-container .swiper-pagination .swiper-pagination-bullet {
    width: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #lp-container .kv-container .swiper-pagination .swiper-pagination-bullet {
    height: 4px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #lp-container .kv-container .swiper-pagination .swiper-pagination-bullet {
    margin-left: 5px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #lp-container .kv-container .swiper-pagination .swiper-pagination-bullet {
    margin-right: 5px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .kv-container .swiper-pagination .swiper-pagination-bullet {
    width: 6.4vw;
    height: 1.0666666667vw;
    margin-left: 1.3333333333vw;
    margin-right: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 1366px) {
  #lp-container .kv-container .swiper-pagination .swiper-pagination-bullet {
    width: 87.424px;
  }
}
@media screen and (max-width: 767px) and (min-width: 1366px) {
  #lp-container .kv-container .swiper-pagination .swiper-pagination-bullet {
    height: 14.5706666667px;
  }
}
@media screen and (max-width: 767px) and (min-width: 1366px) {
  #lp-container .kv-container .swiper-pagination .swiper-pagination-bullet {
    margin-left: 18.2133333333px;
  }
}
@media screen and (max-width: 767px) and (min-width: 1366px) {
  #lp-container .kv-container .swiper-pagination .swiper-pagination-bullet {
    margin-right: 18.2133333333px;
  }
}
#lp-container .kv-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #5fbd00;
}
#lp-container .top-btn {
  position: fixed;
  right: 2.1428571429vw;
  bottom: 2.1428571429vw;
  width: 5.7142857143vw;
  z-index: 12;
  opacity: 0;
  transition: 0.3s ease;
}
@media screen and (min-width: 1400px) {
  #lp-container .top-btn {
    right: 30px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .top-btn {
    bottom: 30px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .top-btn {
    width: 80px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .top-btn {
    width: 12.5vw;
    right: 3.125vw;
    bottom: 12.5vw;
  }
}
#lp-container .top-btn.is-show {
  opacity: 1;
}
#lp-container .main-container .nav-menu {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .nav-menu {
    max-width: 1400px;
    padding-left: 7.1428571429vw;
    padding-right: 7.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .nav-menu {
    padding-left: 100px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .nav-menu {
    padding-right: 100px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .nav-menu {
    margin-top: 1.5625vw;
    padding-left: 7.8125vw;
    padding-right: 7.8125vw;
  }
}
#lp-container .main-container .nav-menu .nav-list {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-list {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
#lp-container .main-container .nav-menu .nav-item {
  text-align: center;
  border-left: 1px solid #00803C;
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .nav-menu .nav-item {
    width: 21.4285714286vw;
    height: 3.1428571429vw;
    margin-top: 0.7142857143vw;
    transition: ease 0.5s;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .nav-menu .nav-item {
    width: 300px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .nav-menu .nav-item {
    height: 44px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .nav-menu .nav-item {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-item {
    width: 50%;
    height: 7.8125vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-item:nth-child(odd) {
    border-left: 1px solid #00803C;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-item:nth-child(2) {
    border-right: 1px solid #00803C;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-item:nth-child(2) {
    border-right: 1px solid #00803C;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-item:nth-child(3) {
    border-top: 1px solid #00803C;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-item:nth-child(3) {
    border-bottom: 1px solid #00803C;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-item:nth-child(4) {
    border-top: 1px solid #00803C;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-item:nth-child(4) {
    border-right: 1px solid #00803C !important;
    border-bottom: 1px solid #00803C;
  }
}
#lp-container .main-container .nav-menu .nav-item:hover {
  background-color: #dbf4e2;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-item:hover {
    background-color: white;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-item:nth-child(even) a {
    transform: translateX(-5%);
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-item:nth-child(even) img {
    left: 87%;
    position: absolute;
    top: 60%;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-item:nth-child(4) a {
    padding-top: 0;
  }
}
#lp-container .main-container .nav-menu .nav-item .sp-br {
  display: none;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-item .sp-br {
    display: block;
  }
}
#lp-container .main-container .nav-menu .nav-item img {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .nav-menu .nav-item img {
    left: 50%;
    bottom: -20%;
    transform: translateX(-50%);
    width: 1.6428571429vw;
    height: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .nav-menu .nav-item img {
    width: 23px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-item img {
    transform: translateY(-50%);
    left: 5%;
    top: 50%;
    width: 3.125vw;
  }
}
#lp-container .main-container .nav-menu .nav-item:last-child {
  border-right: 1px solid #00803C;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-item:last-child {
    width: 42.34375vw;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-item .nav-a {
    transform: translate(5%, -12%);
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-item .nav-b {
    transform: translateX(-5%) !important;
  }
}
#lp-container .main-container .nav-menu .nav-item a {
  color: #00803C;
  width: 100%;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .nav-menu .nav-item a {
    font-size: 1.0714285714vw;
    padding-top: 0.8571428571vw;
    padding-bottom: 0.5714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .nav-menu .nav-item a {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .nav-menu .nav-item a {
    padding-top: 12px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .nav-menu .nav-item a {
    padding-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .nav-menu .nav-item a {
    transform: translateX(5%);
    font-size: 2.65625vw;
    padding-top: 1.875vw;
  }
}
#lp-container .main-container .js-anime {
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
}
#lp-container .main-container .js-anime.is-active {
  opacity: 1;
  transform: translateX(0);
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .banner-section {
    display: flex;
    justify-content: center;
    margin-top: 2.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .banner-section {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .banner-section {
    padding-left: 7.8125vw;
    padding-right: 7.8125vw;
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .banner-section a {
    transition: opacity 0.3s ease;
  }
  #lp-container .main-container .banner-section a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .product {
    padding-top: 2.8571428571vw;
    padding-bottom: 6.0714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .product {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .product {
    padding-bottom: 85px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .product {
    margin-top: 5.78125vw;
    margin-bottom: 6.5625vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .product .product-inner {
    display: flex;
    max-width: 1195px;
    position: relative;
    margin-inline: auto;
    justify-content: space-between;
  }
}
#lp-container .main-container .product .product-text-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
#lp-container .main-container .product .product-text-wrapper .product-text-block {
  display: block;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .product .product-text-wrapper .product-text-block {
    width: 32.6359832636vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .product-text-wrapper .product-text-block {
    width: 390px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .product .product-text-wrapper .product-text-block {
    margin-bottom: 4.375vw;
    width: 54.6875vw;
  }
}
#lp-container .main-container .product .product-text-wrapper .prodcut-subtitle,
#lp-container .main-container .product .product-text-wrapper .product-text,
#lp-container .main-container .product .product-text-wrapper .product-name {
  font-weight: bold;
}
#lp-container .main-container .product .product-text-wrapper .prodcut-subtitle {
  color: #C20012;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .product .product-text-wrapper .prodcut-subtitle {
    font-size: 3.3472803347vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .product-text-wrapper .prodcut-subtitle {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .product .product-text-wrapper .prodcut-subtitle {
    font-size: 5vw;
  }
}
#lp-container .main-container .product .product-text-wrapper .product-text {
  color: #00803C;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .product .product-text-wrapper .product-text {
    font-size: 4.1841004184vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .product-text-wrapper .product-text {
    font-size: 50px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .product .product-text-wrapper .product-text {
    font-size: 6.25vw;
  }
}
#lp-container .main-container .product .product-text-wrapper .product-name {
  color: #00803C;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .product .product-text-wrapper .product-name {
    line-height: 1;
    font-size: 5.4393305439vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .product-text-wrapper .product-name {
    font-size: 65px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .product .product-text-wrapper .product-name {
    font-size: 8.59375vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .product .product-text-wrapper .circle-block {
    width: 16.7364016736vw;
    margin-left: 10.460251046vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .product-text-wrapper .circle-block {
    width: 200px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .product-text-wrapper .circle-block {
    margin-left: 125px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .product .product-text-wrapper .circle-block {
    width: 26.5625vw;
  }
}
#lp-container .main-container .product .product-text-wrapper .circle-block .small-text {
  color: #00803C;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .product .product-text-wrapper .circle-block .small-text {
    font-size: 1.0878661088vw;
    width: 13.3891213389vw;
    margin-top: 1.2552301255vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .product-text-wrapper .circle-block .small-text {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .product-text-wrapper .circle-block .small-text {
    width: 160px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .product-text-wrapper .circle-block .small-text {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .product .product-text-wrapper .circle-block .small-text {
    margin-top: 2.34375vw;
    font-size: 2.8125vw;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .product .product-wrapper {
    margin-top: 4.6875vw;
  }
}
#lp-container .main-container .product .bottle-list {
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .product .bottle-list {
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .product .bottle-list .list-item01 .list-link:hover,
#lp-container .main-container .product .bottle-list .list-item02 .list-link:hover,
#lp-container .main-container .product .bottle-list .list-item03 .list-link:hover {
    opacity: 0.6;
    transition: ease 0.5s;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .product .bottle-list .list-item01 {
    width: 8.3682008368vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .bottle-list .list-item01 {
    width: 100px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .product .bottle-list .list-item01 {
    width: 14.0625vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .product .bottle-list .list-item02 {
    width: 9.6234309623vw;
    margin-left: 1.4225941423vw;
    margin-right: 1.4225941423vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .bottle-list .list-item02 {
    width: 115px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .bottle-list .list-item02 {
    margin-left: 17px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .bottle-list .list-item02 {
    margin-right: 17px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .product .bottle-list .list-item02 {
    width: 15.625vw;
    margin-left: 3.125vw;
    margin-right: 3.125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .product .bottle-list .list-item03 {
    width: 10.8786610879vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .bottle-list .list-item03 {
    width: 130px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .product .bottle-list .list-item03 {
    width: 17.96875vw;
  }
}
#lp-container .main-container .product .btn-list {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .product .btn-list {
    margin-top: 1.2552301255vw;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .btn-list {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .product .btn-list {
    justify-content: center;
    margin-top: 4.6875vw;
  }
}
#lp-container .main-container .product .btn-list .btn-link, #lp-container .main-container .product .btn-list .green-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
#lp-container .main-container .product .btn-list .green-btn .btn-link {
  color: #fff;
  background-color: #00803C;
  text-decoration: none;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .product .btn-list .green-btn .btn-link {
    font-size: 1.2552301255vw;
    width: 13.3891213389vw;
    height: 2.1757322176vw;
    margin-right: 0.4184100418vw;
    border-radius: 4.1841004184vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .btn-list .green-btn .btn-link {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .btn-list .green-btn .btn-link {
    width: 160px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .btn-list .green-btn .btn-link {
    height: 26px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .btn-list .green-btn .btn-link {
    margin-right: 5px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .btn-list .green-btn .btn-link {
    border-radius: 50px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .product .btn-list .green-btn .btn-link {
    font-size: 2.34375vw;
    width: 25vw;
    margin-right: 0.78125vw;
    height: 4.0625vw;
    border-radius: 7.8125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .product .btn-list .green-btn .btn-link:hover {
    opacity: 0.6;
    transition: ease 0.5s;
  }
}
#lp-container .main-container .product .btn-list .green-btn .btn-link::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .product .btn-list .green-btn .btn-link::after {
    margin-left: 0.4184100418vw;
    border-top: solid transparent;
    border-bottom: solid transparent;
    border-left: solid white;
    border-top-width: 0.7531380753vw;
    border-bottom-width: 0.7531380753vw;
    border-left-width: 1.0041841004vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .btn-list .green-btn .btn-link::after {
    margin-left: 5px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .btn-list .green-btn .btn-link::after {
    border-top-width: 9px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .btn-list .green-btn .btn-link::after {
    border-bottom-width: 9px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .btn-list .green-btn .btn-link::after {
    border-left-width: 12px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .product .btn-list .green-btn .btn-link::after {
    margin-left: 0.78125vw;
    border-top: solid transparent;
    border-bottom: solid transparent;
    border-left: solid white;
    border-top-width: 1.40625vw;
    border-bottom-width: 1.40625vw;
    border-left-width: 1.875vw;
  }
}
#lp-container .main-container .product .product-description {
  display: block;
  margin-inline: auto;
  color: #603813;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .product .product-description {
    line-height: 1.5;
    position: absolute;
    left: 0;
    bottom: -1.9246861925vw;
    font-size: 1.589958159vw;
    width: 61.0878661088vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .product-description {
    bottom: -23px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .product-description {
    font-size: 19px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1195px) {
  #lp-container .main-container .product .product-description {
    width: 730px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .product .product-description {
    line-height: 1.5;
    margin-top: 4.6875vw;
    font-size: 3.125vw;
    width: 85.9375vw;
  }
}
#lp-container .main-container .menu {
  background: #F1F2E9;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .menu {
    padding-bottom: 12.5506072874vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu {
    padding-bottom: 155px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .menu {
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .menu .menu-inner {
    padding-top: 3.8866396761vw;
    max-width: 1235px;
    margin-inline: auto;
    position: relative;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-inner {
    padding-top: 48px;
  }
}
#lp-container .main-container .menu .menu-text-block {
  display: block;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .menu .menu-text-block {
    width: 24.2914979757vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-text-block {
    width: 300px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .menu .menu-text-block {
    display: none;
    width: 42.1875vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .menu .menu-title {
    font-size: 6.4777327935vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-title {
    font-size: 80px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .menu .menu-title {
    font-size: 10.9375vw;
  }
}
#lp-container .main-container .menu .menu-img01,
#lp-container .main-container .menu .menu-img02,
#lp-container .main-container .menu .menu-img03,
#lp-container .main-container .menu .menu-img04,
#lp-container .main-container .menu .mark-img {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .menu .menu-main {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .menu .menu-main {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .menu .menu-img01 {
    width: 36.8421052632vw;
    top: 0.1619433198vw;
    right: -1.6194331984vw;
    z-index: 2;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-img01 {
    width: 455px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-img01 {
    top: 2px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-img01 {
    right: -20px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .menu .menu-img01 {
    display: none;
    width: 63.28125vw;
    top: 28.90625vw;
    right: 0vw;
    z-index: 2;
  }
}
#lp-container .main-container .menu .menu-img02 {
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .menu .menu-img02 {
    width: 17.4089068826vw;
    top: 12.3886639676vw;
    left: 49.3927125506vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-img02 {
    width: 215px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-img02 {
    top: 153px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-img02 {
    left: 610px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .menu .menu-img02 {
    display: none;
    width: 44.53125vw;
    top: 69.53125vw;
    left: 5.625vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .menu .menu-img03 {
    width: 27.5303643725vw;
    top: 0vw;
    left: 48%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-img03 {
    width: 340px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-img03 {
    top: 0px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .menu .menu-img03 {
    display: none;
    width: 77.34375vw;
    top: 36.71875vw;
    left: -17.5vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .menu .menu-img04 {
    width: 20.8906882591vw;
    top: 2.4291497976vw;
    right: -12.7935222672vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-img04 {
    width: 258px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-img04 {
    top: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-img04 {
    right: -158px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .menu .menu-img04 {
    display: none;
    width: 56.25vw;
    top: 3.125vw;
    right: -14.0625vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .menu .mark-img {
    width: 9.3117408907vw;
    top: 9.0688259109vw;
    left: 24.2914979757vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .mark-img {
    width: 115px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .mark-img {
    top: 112px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .mark-img {
    left: 300px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .menu .mark-img {
    display: none;
    width: 17.96875vw;
    top: 14.0625vw;
    right: 32.03125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .menu .menu-contents-block {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: -8.9068825911vw;
    left: 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-contents-block {
    bottom: -110px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .menu .menu-contents-block {
    padding-bottom: 4.6875vw;
  }
}
#lp-container .main-container .menu .menu-contents-block .menu-text {
  display: block;
  color: #603813;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .menu .menu-contents-block .menu-text {
    width: 39.6761133603vw;
    font-size: 1.5384615385vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-contents-block .menu-text {
    width: 490px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-contents-block .menu-text {
    font-size: 19px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .menu .menu-contents-block .menu-text {
    margin-inline: auto;
    width: 85.9375vw;
    font-size: 3.4375vw;
    margin-top: 1.5625vw;
  }
}
#lp-container .main-container .menu .menu-contents-block .menu-link {
  display: block;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .menu .menu-contents-block .menu-link {
    margin-top: 2.7530364372vw;
    width: 17.004048583vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-contents-block .menu-link {
    margin-top: 34px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .menu .menu-contents-block .menu-link {
    width: 210px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .menu .menu-contents-block .menu-link {
    margin-inline: auto;
    margin-top: 1.09375vw;
    width: 32.8125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .menu .menu-contents-block .menu-link:hover {
    opacity: 0.6;
    transition: ease 0.5s;
  }
}
#lp-container .main-container .menu .menu-contents-block .menu-link .menu-btn {
  display: block;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .menu .menu-contents-block .menu-link .menu-btn {
    width: 32.8125vw;
  }
}
#lp-container .main-container .promo {
  background: #F1F2E9;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .promo {
    margin-top: 2.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .promo {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .promo {
    position: relative;
    margin-top: 4.6875vw;
    padding-top: 73.4375vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .promo .promo-inner {
    position: relative;
    max-width: 1400px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .promo .promo-title,
#lp-container .main-container .promo .promo-mark,
#lp-container .main-container .promo .promo-top,
#lp-container .main-container .promo .promo-img01,
#lp-container .main-container .promo .promo-img02 {
    position: absolute;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .promo .promo-title,
#lp-container .main-container .promo .promo-mark,
#lp-container .main-container .promo .promo-img01,
#lp-container .main-container .promo .promo-img02 {
    position: absolute;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .promo .promo-title {
    display: block !important;
    width: 80.7142857143vw;
    top: 5.7142857143vw;
    left: 6.4285714286vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .promo .promo-title {
    width: 1130px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .promo .promo-title {
    top: 80px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .promo .promo-title {
    left: 90px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .promo .promo-title {
    width: 87.5vw;
    top: 3.125vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .promo .promo-mark {
    width: 8.2142857143vw;
    top: 2.8571428571vw;
    right: 5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .promo .promo-mark {
    width: 115px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .promo .promo-mark {
    top: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .promo .promo-mark {
    right: 70px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .promo .promo-mark {
    width: 20.3125vw;
    top: 25vw;
    right: -0.78125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .promo .promo-top {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .promo .promo-top {
    width: 100vw;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .promo .promo-img01 {
    width: 30.7142857143vw;
    bottom: 0vw;
    left: -2.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .promo .promo-img01 {
    width: 430px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .promo .promo-img01 {
    bottom: 0px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .promo .promo-img01 {
    left: -40px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .promo .promo-img01 {
    display: none;
    width: 51.5625vw;
    bottom: 1.5625vw;
    left: -14.0625vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .promo .promo-img02 {
    width: 29.4285714286vw;
    bottom: 0vw;
    right: -1.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .promo .promo-img02 {
    width: 412px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .promo .promo-img02 {
    bottom: 0px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .promo .promo-img02 {
    right: -26px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .promo .promo-img02 {
    display: none;
    width: 59.375vw;
    bottom: 1.25vw;
    right: -17.8125vw;
  }
}
#lp-container .main-container .list {
  background: #F1F2E9;
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .list {
    padding-top: 3.3195020747vw;
    padding-bottom: 5.2282157676vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1205px) {
  #lp-container .main-container .list {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1205px) {
  #lp-container .main-container .list {
    padding-bottom: 63px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .list {
    padding-bottom: 4.6875vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .list .list-wrapper {
    display: flex;
    max-width: 1205px;
    margin-inline: auto;
    justify-content: space-between;
  }
}
#lp-container .main-container .list .list-item {
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .list .list-item {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .list .list-item {
    padding-top: 6.25vw;
    padding-left: 7.03125vw;
    padding-bottom: 7.03125vw;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .list .list-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 3px dotted #00803C;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .list .list-item:nth-child(2) {
    position: relative;
  }
  #lp-container .main-container .list .list-item:nth-child(2):before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -3.3195020747vw;
    width: 0;
    border-left: 3px dotted #00803C;
  }
}
@media screen and (min-width: 768px) and (min-width: 1205px) {
  #lp-container .main-container .list .list-item:nth-child(2):before {
    left: -40px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .list .list-item:nth-child(2):after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2.8215767635vw;
    width: 0;
    border-right: 3px dotted #00803C;
  }
}
@media screen and (min-width: 768px) and (min-width: 1205px) {
  #lp-container .main-container .list .list-item:nth-child(2):after {
    right: -34px;
  }
}
#lp-container .main-container .list .list-item .list-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .list .list-item .list-inner {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .list .list-item .list-text-block {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
#lp-container .main-container .list .list-item .list-text-block .list-label {
  background: #00803C;
  color: #fff;
  border-radius: 50px;
  display: block;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .list .list-item .list-text-block .list-label {
    width: 19.0871369295vw;
    font-size: 2.1576763485vw;
    padding-top: 0.4149377593vw;
    padding-bottom: 0.4149377593vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1205px) {
  #lp-container .main-container .list .list-item .list-text-block .list-label {
    width: 230px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1205px) {
  #lp-container .main-container .list .list-item .list-text-block .list-label {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1205px) {
  #lp-container .main-container .list .list-item .list-text-block .list-label {
    padding-top: 5px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1205px) {
  #lp-container .main-container .list .list-item .list-text-block .list-label {
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .list .list-item .list-text-block .list-label {
    width: 35.9375vw;
    font-size: 4.0625vw;
    padding-top: 0.78125vw;
    padding-bottom: 0.78125vw;
  }
}
#lp-container .main-container .list .list-item .list-text-block .list-title {
  color: #C20012;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .list .list-item .list-text-block .list-title {
    text-align: center;
    margin-top: 1.0788381743vw;
    width: 27.3858921162vw;
    font-size: 2.2406639004vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1205px) {
  #lp-container .main-container .list .list-item .list-text-block .list-title {
    margin-top: 13px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1205px) {
  #lp-container .main-container .list .list-item .list-text-block .list-title {
    width: 330px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1205px) {
  #lp-container .main-container .list .list-item .list-text-block .list-title {
    font-size: 27px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .list .list-item .list-text-block .list-title {
    padding-top: 2.34375vw;
    width: 44.53125vw;
    font-size: 4.0625vw;
  }
}
#lp-container .main-container .list .list-item .list-text-block .list-text {
  color: #603813;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .list .list-item .list-text-block .list-text {
    margin-top: 0.9128630705vw;
    width: 29.8755186722vw;
    font-size: 1.6597510373vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1205px) {
  #lp-container .main-container .list .list-item .list-text-block .list-text {
    margin-top: 11px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1205px) {
  #lp-container .main-container .list .list-item .list-text-block .list-text {
    width: 360px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1205px) {
  #lp-container .main-container .list .list-item .list-text-block .list-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .list .list-item .list-text-block .list-text {
    margin-top: 2.34375vw;
    margin-right: 2.34375vw;
    width: 58.125vw;
    font-size: 3.125vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .list .list-item .list-img {
    width: 20.7468879668vw;
    margin-top: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 1205px) {
  #lp-container .main-container .list .list-item .list-img {
    width: 250px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .list .list-item .list-img {
    margin-top: 6.25vw;
    margin-left: 0.78125vw;
    margin-right: 0.78125vw;
    width: 31.875vw;
  }
}
#lp-container .main-container .info {
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .info {
    padding-top: 6.0714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .info {
    padding-top: 85px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .info {
    padding-top: 5.46875vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .info .info-inner {
    max-width: 1235px;
    margin-inline: auto;
    display: flex;
    justify-content: center;
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .info .info-text-block {
    margin-right: 49.3117408907vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .info .info-text-block {
    margin-right: 609px;
  }
}
#lp-container .main-container .info .info-title {
  display: block;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .info .info-title {
    width: 31.5789473684vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .info .info-title {
    width: 390px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .info .info-title {
    width: 57.8125vw;
  }
}
#lp-container .main-container .info .info-text {
  display: block;
  margin-inline: auto;
  color: #603813;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .info .info-text {
    margin-top: 3.6437246964vw;
    width: 45.7489878543vw;
    font-size: 1.6194331984vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .info .info-text {
    margin-top: 45px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .info .info-text {
    width: 565px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .info .info-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .info .info-text {
    margin-top: 7.03125vw;
    width: 85.9375vw;
    font-size: 3.125vw;
  }
}
#lp-container .main-container .info .info-img {
  display: block;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .info .info-img {
    position: absolute;
    width: 46.5587044534vw;
    top: -3.1578947368vw;
    right: 0.4858299595vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .info .info-img {
    width: 575px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .info .info-img {
    top: -39px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .info .info-img {
    right: 6px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .info .info-img {
    margin-inline: auto;
    margin-top: 4.6875vw;
    width: 89.0625vw;
  }
}
#lp-container .main-container .info .info-bottle,
#lp-container .main-container .info .info-mark {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .info .info-bottle {
    width: 9.7165991903vw;
    top: -3.2388663968vw;
    left: -1.2145748988vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .info .info-bottle {
    width: 120px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .info .info-bottle {
    top: -40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .info .info-bottle {
    left: -15px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .info .info-bottle {
    width: 17.1875vw;
    top: -4.6875vw;
    left: 1.5625vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .info .info-mark {
    width: 10.1214574899vw;
    top: -0.971659919vw;
    left: 41.3765182186vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .info .info-mark {
    width: 125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .info .info-mark {
    top: -12px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1235px) {
  #lp-container .main-container .info .info-mark {
    left: 511px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .info .info-mark {
    width: 17.96875vw;
    top: -1.5625vw;
    right: 1.5625vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .video {
    padding-top: 4.6428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .video {
    padding-top: 65px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .video {
    padding-top: 7.8125vw;
  }
}
#lp-container .main-container .video .video-title {
  text-align: center;
  font-weight: bold;
  color: #00803C;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .video .video-title {
    font-size: 2.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .video .video-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .video .video-title {
    font-size: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .video .video-text, #lp-container .main-container .video .video-block, #lp-container .main-container .video .video-subtitle {
    margin-top: 3.90625vw;
  }
}
#lp-container .main-container .video .video-text {
  color: #603813;
  text-align: center;
  text-box: trim-both text;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .video .video-text {
    font-size: 1.4285714286vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .video .video-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .video .video-text {
    font-size: 3.125vw;
  }
}
#lp-container .main-container .video .video-block {
  display: block;
  margin-inline: auto;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .video .video-block {
    cursor: pointer;
    transition: ease 0.5s;
    width: 50vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .video .video-block {
    width: 700px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .video .video-block {
    width: 85.9375vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .video .video-block:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .video .video-block {
    background: url(../img/pc-youtube-thumbnail.jpg) top center no-repeat;
    height: 28.2142857143vw;
    background-size: 50vw;
    margin-top: 1.7857142857vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .video .video-block {
    height: 395px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .video .video-block {
    background-size: 700px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .video .video-block {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .video .video-block {
    background: url(../img/sp-youtube-thumbnail.jpg) top center no-repeat;
    height: 48.4375vw;
    background-size: 85.9375vw;
  }
}
#lp-container .main-container .video .video-subtitle {
  text-align: center;
  font-weight: bold;
  color: #00803C;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .video .video-subtitle {
    padding-left: 1.7857142857vw;
    font-size: 2.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .video .video-subtitle {
    padding-left: 25px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .video .video-subtitle {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .video .video-subtitle {
    font-size: 4.6875vw;
  }
}
#lp-container .main-container .section-wrapper.wood {
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood {
    max-width: 1400px;
    margin-inline: auto;
    padding-top: 4.2857142857vw;
    padding-left: 3.2142857143vw;
    padding-right: 3.2142857143vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood {
    padding-top: 60px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood {
    padding-left: 45px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood {
    padding-right: 45px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood {
    padding-top: 11.71875vw;
    padding-left: 0;
    padding-right: 0;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner {
  background: url(../img/wood-bg.png?20230302);
  background-position: center;
  background-size: cover;
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner {
    max-width: 1400px;
    width: 93.8571428571vw;
    padding-bottom: 6.4285714286vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner {
    width: 1314px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner {
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner {
    width: 100%;
    height: auto;
    padding-bottom: 11.40625vw;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .bale2 {
  position: absolute;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .bale2 {
    left: 0;
    width: 120%;
    bottom: 1.4285714286vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .bale2 {
    bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .bale2 {
    bottom: 6.25vw;
    width: 100%;
    height: 182.8125vw;
    background: url(../img/sp-bale2.png) no-repeat center/cover;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .bale2 {
    bottom: 46.875px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .bale2 {
    height: 1371.09375px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .bale2 picture {
    display: none;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .bale2 img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .section-title {
    transform: translate(2%, 4%) !important;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .section-title .title {
    width: 70.3571428571vw;
    padding-top: 0.7142857143vw;
    margin-left: 1.4285714286vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .section-title .title {
    width: 985px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .section-title .title {
    padding-top: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .section-title .title {
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .section-title .title {
    width: 70vw;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .section-title .title img {
  width: 100%;
  height: auto;
}
#lp-container .main-container .section-wrapper.wood .section-inner .section-title .plates {
  height: auto;
  transform: translateX(20%) translateY(-20%);
  z-index: 10;
  position: absolute;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .section-title .plates {
    width: 28.5714285714vw;
    top: 3.9285714286vw;
    right: 1.0714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .section-title .plates {
    width: 400px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .section-title .plates {
    top: 55px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .section-title .plates {
    right: 15px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .section-title .plates {
    width: 37.5vw;
    top: 5.46875vw;
    right: 4.6875vw;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper {
  z-index: 10;
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper.panel-top {
    margin-top: 4.2857142857vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper.panel-top {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper.panel-middle {
    margin-top: 2.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper.panel-middle {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper.panel-bottom {
    margin-top: 14.0625vw;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper:nth-child(4) {
    margin-top: 21.09375vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner {
    padding-left: 2.7142857143vw;
    padding-right: 2.7142857143vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner {
    padding-left: 38px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner {
    padding-right: 38px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner {
    padding-left: 0;
    padding-right: 0;
    margin-top: -2.1875vw;
  }
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner.c {
    padding-bottom: 0;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-title-wrapper {
  display: flex;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-title-wrapper {
    margin-left: 4.6875vw;
    position: static;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-title-wrapper .box {
    margin-top: 1.7857142857vw;
    width: 0.7857142857vw;
    height: 8.0714285714vw;
    margin-right: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-title-wrapper .box {
    margin-top: 25px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-title-wrapper .box {
    width: 11px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-title-wrapper .box {
    height: 113px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-title-wrapper .box {
    margin-right: 35px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-title-wrapper .box.a {
  background-color: white;
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-title-wrapper .box.b {
  background-color: #FFB700;
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-title-wrapper .box.c {
  background-color: white;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-title-wrapper .box.c {
    margin-top: 5.3571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-title-wrapper .box.c {
    margin-top: 75px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-title-wrapper .box {
    width: 1.71875vw;
    height: 33.75vw;
    margin-right: 3.125vw;
  }
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-title-wrapper .box.c {
    height: 29.6875vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title {
    margin-top: 1.7857142857vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title {
    margin-top: 25px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title.c {
    margin-top: 5.3571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title.c {
    margin-top: 75px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title .wood-title {
  font-weight: 700;
  white-space: nowrap;
  color: #00803C;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title .wood-title {
    font-size: 2.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title .wood-title {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title .wood-title {
    font-size: 5vw;
    max-width: 57.8125vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title .wood-title {
    font-size: 32px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title .wood-title.b {
  color: white;
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title .wood-title.c {
  color: #C4425E;
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title .wood-title .sp-br {
  display: none;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title .wood-title .sp-br {
    display: block;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title .wood-text {
  font-weight: 500;
  color: #00803C;
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title .wood-text.b {
  color: white;
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title .wood-text.c {
  color: #C4425E;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title .wood-text {
    white-space: nowrap;
    margin-top: 1.6428571429vw;
    font-size: 1.2142857143vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title .wood-text {
    margin-top: 23px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title .wood-text {
    font-size: 17px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title .wood-text {
    white-space: wrap;
    margin-top: 3.59375vw;
    font-size: 3.28125vw;
    width: 81.25vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .wood-panel-title .wood-text {
    font-size: 24.609375px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .person-img-wrapper {
  vertical-align: bottom;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .person-img-wrapper {
    width: 10.0714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .person-img-wrapper {
    width: 141px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .person-img-wrapper {
    position: absolute;
    top: -2%;
    right: 0;
    transform: translateX(10%);
    margin-right: 10.9375vw;
  }
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .person-img-wrapper.a {
    width: 15.78125vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .person-img-wrapper.a {
    width: 101px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .person-img-wrapper.b {
    width: 18.4375vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .person-img-wrapper.b {
    width: 118px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .person-img-wrapper.b {
    margin-left: 3.5714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .person-img-wrapper.b {
    margin-left: 50px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .person-img-wrapper.c {
  vertical-align: bottom;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .person-img-wrapper.c {
    transform: translateY(1%);
    width: 14.3571428571vw;
    margin-left: 11.4285714286vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .person-img-wrapper.c {
    width: 201px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .person-img-wrapper.c {
    margin-left: 160px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .person-img-wrapper.c {
    transform: translateY(-2%);
    width: 18.90625vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .person-img-wrapper.c {
    width: 141.796875px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .person-img-wrapper img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper.a {
    bottom: -5%;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper.b {
    position: absolute;
    bottom: -6%;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper {
    position: absolute;
    bottom: -5%;
    left: 50%;
    transform: translateX(-50%);
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn {
  transition: ease 0.5s;
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn {
    margin-top: 0.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn {
    margin-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn {
    margin-top: 20px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn.a a {
  border: white 1px solid;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn.a a .btn {
    transform: translate(35%);
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn.b:hover a {
  background-color: transparent;
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn.b a {
  border-radius: 0;
  background-color: transparent;
  display: block;
  padding: 0;
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn.b a:hover .btn {
  opacity: 0;
  transition: ease 0.5s;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn.b a {
    width: 19.9285714286vw;
    height: 3.9285714286vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn.b a {
    width: 279px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn.b a {
    height: 55px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn.b a {
    width: 43.59375vw;
    height: 8.59375vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn.b a {
    width: 279px;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn.b a {
    height: 55px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn.b a img {
  position: absolute;
  height: auto;
  height: auto;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn.b a img {
    width: 20vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn.b a img {
    width: 280px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn.b a img {
    width: 100%;
    height: 100%;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn:hover a {
  background-color: #CDA47F;
  transition: ease 0.5s;
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn:hover p {
  color: white;
  transition: ease 0.5s;
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn:hover .hover-arrow {
  opacity: 1;
  transition: ease 0.5s;
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a {
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 50px;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a {
    padding-top: 0.7142857143vw;
    padding-bottom: 0.7142857143vw;
    padding-left: 2.8571428571vw;
    padding-right: 1.0714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a {
    padding-top: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a {
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a {
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a {
    padding-top: 1.5625vw;
    padding-bottom: 1.5625vw;
    padding-left: 6.25vw;
    padding-right: 2.34375vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a {
    padding-top: 10px;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a {
    padding-left: 40px;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a {
    padding-right: 15px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a p {
  font-weight: bold;
  white-space: nowrap;
  color: #CDA47F;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a p {
    margin-right: 1.4285714286vw;
    font-size: 1.2857142857vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a p {
    margin-right: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a p {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a p {
    font-size: 3.28125vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a p {
    font-size: 24.609375px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a img {
    width: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a img {
    width: 21px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a img {
    width: 3.28125vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a img {
    width: 21px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a .hover-arrow {
  position: absolute;
  right: 0%;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a .hover-arrow {
    margin-right: 1.0714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a .hover-arrow {
    margin-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a .hover-arrow {
    right: 3%;
    width: 3.28125vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-btn a .hover-arrow {
    width: 21px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn {
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn {
    margin-top: 0.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn {
    margin-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn {
    margin-top: 20px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn.a a {
  border: white 1px solid;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn.a .hover-arrow {
    transform: translate(-40%);
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn.a img {
    transform: translate(35%);
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn.b:hover a {
    background-color: transparent;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn.b a {
  border-radius: 0;
  background-color: transparent;
  display: block;
  padding: 0;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn.b a:hover .btn {
    opacity: 0;
    transition: ease 0.5s;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn.b a {
    width: 20vw;
    height: 3.9285714286vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn.b a {
    width: 280px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn.b a {
    height: 55px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn.b a {
    width: 43.75vw;
    height: 8.59375vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn.b a {
    width: 280px;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn.b a {
    height: 55px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn.b a img {
  position: absolute;
  height: auto;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn.b a img {
    width: 20vw;
    margin-top: 0.0714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn.b a img {
    width: 280px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn.b a img {
    margin-top: 1px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn.b a img {
    height: 8.59375vw;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn.b a img {
    height: 55px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn:hover a {
    background-color: #CDA47F;
    transition: ease 0.5s;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn:hover p {
    color: white;
    transition: ease 0.5s;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn:hover .hover-arrow {
    opacity: 1;
    transition: ease 0.5s;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a {
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 50px;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a {
    padding-top: 0.7142857143vw;
    padding-bottom: 0.7142857143vw;
    padding-left: 2.8571428571vw;
    padding-right: 1.0714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a {
    padding-top: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a {
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a {
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a {
    padding-top: 1.5625vw;
    padding-bottom: 1.5625vw;
    padding-left: 6.25vw;
    padding-right: 2.34375vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a {
    padding-top: 10px;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a {
    padding-left: 40px;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a {
    padding-right: 15px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a p {
  font-weight: bold;
  white-space: nowrap;
  color: #CDA47F;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a p {
    margin-right: 1.4285714286vw;
    font-size: 1.2857142857vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a p {
    margin-right: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a p {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a p {
    font-size: 3.28125vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a p {
    font-size: 24.609375px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a img {
    width: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a img {
    width: 21px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a img {
    width: 3.28125vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a img {
    width: 24.609375px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a .hover-arrow {
  position: absolute;
  right: 0;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a .hover-arrow {
    margin-right: 1.0714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a .hover-arrow {
    margin-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a .hover-arrow {
    width: 3.28125vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-btn-wrapper .panel-subBtn a .hover-arrow {
    width: 24.609375px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list {
  display: flex;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list {
    margin-top: 8.59375vw;
    flex-wrap: wrap;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item {
  border-right: white 2px dotted;
  display: flex;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item {
    padding-bottom: 2.3571428571vw;
    padding-left: 1.4285714286vw;
    padding-right: 1.4285714286vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item {
    padding-bottom: 33px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item {
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item {
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item:nth-child(even) {
    border-right: 0px solid;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item .panel-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item:nth-child(3) a .panel-img-wrapper {
    margin-top: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item:nth-child(4) a .panel-img-wrapper {
    margin-top: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item:nth-child(odd) .panel-item-title, #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item:nth-child(odd) .panel-item-title02 {
    margin-top: 1.5625vw;
    margin-left: 5.46875vw;
    border-right: 0px solid;
  }
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item:nth-child(odd) .recipe-btn {
    margin-left: 5.46875vw;
  }
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item:nth-child(odd) .recipe-btn img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item:nth-child(even) .panel-img-wrapper {
    margin-left: 3.125vw;
  }
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item:nth-child(even) .panel-item-title, #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item:nth-child(even) .panel-item-title02 {
    margin-top: 1.5625vw;
    margin-left: 3.125vw;
  }
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item:nth-child(even) .recipe-btn {
    margin-left: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item {
    width: 50%;
    padding: 0;
    height: 56.25vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item:hover .btn {
    opacity: 0;
    transition: ease 0.5s;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item:hover .panel-img-wrapper {
    opacity: 0.6;
    transition: ease 0.5s;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item:first-child {
  padding-left: 0;
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item:last-child {
  border-right: none;
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-img-wrapper {
    width: 19.7857142857vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-img-wrapper {
    width: 277px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-img-wrapper {
    width: 46.875vw;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-img-wrapper img {
  width: 100%;
  height: auto;
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .container {
  display: flex;
  align-items: center;
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title, #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title02 {
  font-weight: bold;
  color: #00803C;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title, #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title02 {
    font-size: 1.1428571429vw;
    margin-top: 1.0714285714vw;
    margin-bottom: 1.0714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title, #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title02 {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title, #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title02 {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title, #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title02 {
    margin-bottom: 15px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title .sp-br, #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title02 .sp-br {
  display: none;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title .sp-br, #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title02 .sp-br {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title, #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title02 {
    margin-bottom: 2.8125vw;
    height: 7.8125vw;
    font-size: 2.96875vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title, #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title02 {
    font-size: 19px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title.b, #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title02.b {
  color: white;
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title.c, #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title02.c {
  color: #C4425E;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title02 {
    font-size: 1.1428571429vw;
    margin-top: 1.0714285714vw;
    margin-bottom: 2.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title02 {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title02 {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .panel-item-title02 {
    margin-bottom: 30px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .recipe-btn {
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .recipe-btn {
    margin-top: auto;
    height: 2.3571428571vw;
    width: 11.5714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .recipe-btn {
    height: 33px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .recipe-btn {
    width: 162px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .recipe-btn {
    margin-top: 0vw;
    width: 28.125vw;
    height: 5.78125vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .recipe-btn {
    margin-top: 0px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .recipe-btn .btn {
  position: absolute;
  width: 100%;
  transition: ease 0.5s;
  height: auto;
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-list .panel-item a .recipe-btn .btnHover {
  position: absolute;
  width: 100%;
  height: auto;
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container.disable {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container {
    margin-top: 4.6875vw;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn {
    margin-top: 0.7142857143vw;
    height: 6.2142857143vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn {
    height: 87px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn {
    width: 92.1875vw;
    height: 13.59375vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn {
    width: 691.40625px;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn {
    height: 87px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.b a {
    height: 7.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.b a {
    height: 105px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.b a {
    height: 16.40625vw;
    width: 92.1875vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.b a {
    height: 123.046875px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.b a {
    width: 691.40625px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.b a img {
    height: 7.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.b a img {
    height: 105px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.b a img {
    height: 16.40625vw;
    width: 92.1875vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.b a img {
    height: 123.046875px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.b a img {
    width: 691.40625px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.c {
    margin-top: 1.4285714286vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.c {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.c {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.c a {
    height: 10vw;
    width: 92.1875vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.c a {
    height: 75px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.c a {
    width: 691.40625px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.c a img {
    height: 4.7857142857vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.c a img {
    height: 67px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.c a img {
    height: 10vw;
    width: 92.1875vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.c a img {
    height: 75px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn.c a img {
    width: 691.40625px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn a {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn a:hover .btn {
    opacity: 0;
    transition: ease 0.5s;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn a {
    width: 40.5714285714vw;
    height: 6.2142857143vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn a {
    width: 568px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn a {
    height: 87px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn a {
    height: 13.59375vw;
    width: 92.1875vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn a {
    height: 87px;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn a {
    width: 590px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn img {
    width: 42.1428571429vw;
    height: 6.2142857143vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn img {
    width: 590px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn img {
    height: 87px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn img {
    height: 13.59375vw;
    width: 92.1875vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn img {
    height: 87px;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .panel-bottom-btn img {
    width: 590px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .bottom-text {
  font-weight: bold;
  text-align: center;
  color: white;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .bottom-text {
    margin-top: 2.8571428571vw;
    margin-bottom: 0.7142857143vw;
    font-size: 2.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .bottom-text {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .bottom-text {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .bottom-text {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .wood-panel-wrapper .wood-panel-inner .panel-bottom-container .bottom-text {
    margin-top: 12.1875vw;
    margin-bottom: 1.5625vw;
    font-size: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 {
    margin-top: 6.25vw;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn {
    margin-top: 2.5vw;
    height: 6.2142857143vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn {
    margin-top: 35px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn {
    height: 87px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn {
    width: 88.28125vw;
    height: 9.375vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn {
    width: 662.109375px;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn {
    height: 60px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.b a {
    height: 7.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.b a {
    height: 105px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.b a {
    height: 16.40625vw;
    width: 92.1875vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.b a {
    height: 123.046875px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.b a {
    width: 691.40625px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.b a img {
    height: 7.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.b a img {
    height: 105px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.b a img {
    height: 16.40625vw;
    width: 92.1875vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.b a img {
    height: 123.046875px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.b a img {
    width: 691.40625px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.c {
    margin-top: 1.4285714286vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.c {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.c {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.c a {
    height: 10vw;
    width: 92.1875vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.c a {
    height: 75px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.c a {
    width: 691.40625px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.c a img {
    height: 4.7857142857vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.c a img {
    height: 67px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.c a img {
    height: 10vw;
    width: 92.1875vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.c a img {
    height: 75px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn.c a img {
    width: 691.40625px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn a {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn a:hover .btn {
    opacity: 0;
    transition: ease 0.5s;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn a {
    width: 40.5714285714vw;
    height: 4.2857142857vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn a {
    width: 568px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn a {
    height: 60px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn a {
    width: 88.75vw;
    height: 9.375vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn a {
    width: 568px;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn a {
    height: 60px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn img {
    width: 40.5714285714vw;
    height: 4.2857142857vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn img {
    width: 568px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn img {
    height: 60px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn img {
    width: 88.75vw;
    height: 9.375vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn img {
    width: 568px;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .panel-bottom-btn img {
    height: 60px;
  }
}
#lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .bottom-text {
  font-weight: bold;
  text-align: center;
  color: white;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .bottom-text {
    margin-top: 2.8571428571vw;
    margin-bottom: 0.7142857143vw;
    font-size: 2.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .bottom-text {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .bottom-text {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .bottom-text {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.wood .section-inner .panel-bottom-containerv2 .bottom-text {
    margin-top: 12.1875vw;
    margin-bottom: 1.5625vw;
    font-size: 4.6875vw;
  }
}
#lp-container .main-container .adjust-wrapper {
  margin-top: -3.9285714286vw;
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .adjust-wrapper {
    margin-top: -55px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .adjust-wrapper {
    margin-top: -8.59375vw;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series {
    padding-top: 10.15625vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series {
    padding-top: 76.171875px;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner {
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner {
    padding-left: 35px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner {
    padding-right: 35px;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-title-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-title-container {
    margin-top: 4.6428571429vw;
    max-width: 1335px;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-title-container {
    margin-top: 65px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-title-container {
    flex-direction: column-reverse;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-title-container .left {
  width: 14.2142857143vw;
  height: auto;
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-title-container .left {
    width: 199px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-title-container .left {
    width: 38.125vw;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-title-container .series-title {
  text-align: center;
  color: #00803C;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-title-container .series-title {
    width: 52vw;
    font-size: 2.2857142857vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-title-container .series-title {
    width: 728px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-title-container .series-title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-title-container .series-title {
    font-size: 3.90625vw;
    width: 85.9375vw;
    padding-bottom: 2.1875vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-title-container .series-title {
    font-size: 29.296875px;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-title-container .right {
  width: 9.4285714286vw;
  height: auto;
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-title-container .right {
    width: 132px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-title-container .right {
    display: none;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list {
  display: flex;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list {
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list {
    flex-wrap: wrap;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item {
  border-left: 2px dotted #00803C;
  width: 15.7142857143vw;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item:nth-child(odd) {
    border-left: 0 solid;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item:hover a .series-container .series-btn {
    background-color: #93C474;
    transition: ease 0.5s;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item:hover a .series-container .series-img-wrapper img {
    opacity: 0.6;
    transition: opacity ease 0.5s;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item:last-child {
  border-right: 2px dotted #00803C;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item:last-child {
    border-right: 0px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item {
    width: 220px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item {
    width: 50%;
    margin-top: 4.6875vw;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container {
  text-align: center;
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper {
  min-height: 17.2857142857vw;
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper {
    min-height: 242px;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper img {
  height: auto;
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper {
    height: 39.0322580645vw;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.a {
  display: block;
  width: 9.7857142857vw;
  margin: 0 auto;
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.a {
    width: 137px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.a {
    width: 21.40625vw;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.b {
  display: block;
  width: 4.7857142857vw;
  margin: 0 auto;
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.b {
    width: 67px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.b {
    width: 10.15625vw;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.c {
  display: block;
  width: 9.7857142857vw;
  margin: 0 auto;
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.c {
    width: 137px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.c {
    width: 21.5625vw;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.d {
  display: block;
  width: 4.3571428571vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.d {
    width: 61px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.d {
    width: 9.53125vw;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.d img {
  margin-top: 3.9285714286vw;
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.d img {
    margin-top: 55px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.d img {
    margin-top: 8.59375vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.d img {
    margin-top: 64.453125px;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.e {
  display: block;
  width: 5.1428571429vw;
  margin: 0 auto;
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.e {
    width: 72px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.e {
    width: 11.25vw;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.f {
  display: block;
  width: 5.1428571429vw;
  margin: 0 auto;
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.f {
    width: 72px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper.f {
    width: 11.25vw;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-img-wrapper img {
  width: 100%;
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-title {
  height: 5vw;
  font-size: 1.1428571429vw;
  color: #00803C;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-title {
    height: 70px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-title {
    height: 11.71875vw;
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-title {
    font-size: 23.4375px;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-btn {
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  color: white;
  transform: translateY(-30%);
  background-color: #00803C;
  margin-top: 1.5714285714vw;
  font-size: 0.8571428571vw;
  width: 10.7142857143vw;
  padding-top: 0.3571428571vw;
  padding-bottom: 0.3571428571vw;
  border-radius: 3.5714285714vw;
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-btn {
    margin-top: 22px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-btn {
    font-size: 12px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-btn {
    width: 150px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-btn {
    padding-top: 5px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-btn {
    padding-bottom: 5px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-btn {
    border-radius: 50px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-btn {
    margin-top: 3.4375vw;
    font-size: 2.5vw;
    width: 25vw;
    padding-left: 0.78125vw;
    padding-right: 0.78125vw;
    padding-top: 0.78125vw;
    padding-bottom: 0.78125vw;
    border-radius: 7.8125vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-btn {
    margin-top: 25.78125px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-btn {
    font-size: 18.75px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-btn {
    width: 187.5px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-btn {
    padding-left: 5.859375px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-btn {
    padding-right: 5.859375px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-btn {
    padding-top: 5.859375px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-btn {
    padding-bottom: 5.859375px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item a .series-container .series-btn {
    border-radius: 58.59375px;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom1 {
  transform: translateY(-5%);
  text-align: center;
  font-size: 1.1428571429vw;
  margin-top: 1.0714285714vw;
  margin-bottom: 0.4285714286vw;
  width: 14.6428571429vw;
  padding-top: 0.7142857143vw;
  padding-bottom: 0.7142857143vw;
  background-color: #93C474;
  color: white;
  border-radius: 0.7142857143vw;
  margin: 0 auto;
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom1 {
    font-size: 16px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom1 {
    margin-top: 15px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom1 {
    margin-bottom: 6px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom1 {
    width: 205px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom1 {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom1 {
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom1 {
    border-radius: 10px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom1 {
    font-size: 3.28125vw;
    margin-top: 2.34375vw;
    margin-bottom: 0.9375vw;
    width: 40.625vw;
    padding-top: 1.5625vw;
    padding-bottom: 1.5625vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom1 {
    font-size: 24.609375px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom1 {
    margin-top: 17.578125px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom1 {
    margin-bottom: 7.03125px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom1 {
    width: 304.6875px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom1 {
    padding-top: 11.71875px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom1 {
    padding-bottom: 11.71875px;
  }
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom2 {
  font-size: 1.1428571429vw;
  text-align: center;
  width: 14.6428571429vw;
  padding-top: 0.3571428571vw;
  padding-bottom: 0.3571428571vw;
  background-color: #D2E085;
  color: #00803C;
  font-weight: bold;
  border-radius: 0.7142857143vw;
  margin: 0 auto;
}
#lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom2.d {
  padding-top: 1.1428571429vw;
  padding-bottom: 1.1428571429vw;
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom2.d {
    padding-top: 16px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom2.d {
    padding-bottom: 16px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom2 {
    width: 205px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom2 {
    padding-top: 5px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom2 {
    padding-bottom: 5px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom2 {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom2 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom2 {
    min-height: 54px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom2 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.125vw;
    width: 40.625vw;
    height: 10.15625vw;
    padding-top: 0.78125vw;
    padding-bottom: 0.78125vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom2 {
    font-size: 23.4375px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom2 {
    width: 304.6875px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom2 {
    height: 76.171875px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom2 {
    padding-top: 5.859375px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.series .section-inner .series-list .series-item .item-bottom2 {
    padding-bottom: 5.859375px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .footer-banner {
    padding-top: 7.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .footer-banner {
    padding-top: 100px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .footer-banner {
    padding-top: 12.5vw;
  }
}
#lp-container .main-container .footer-banner .benner-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#lp-container .main-container .footer-banner .benner-inner .banner-link {
  display: block;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .footer-banner .benner-inner .banner-link {
    width: 77.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .footer-banner .benner-inner .banner-link {
    width: 1090px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .footer-banner .benner-inner .banner-link {
    width: 81.875vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .footer-banner .benner-inner .banner-link:hover {
    opacity: 0.6;
    transition: ease 0.5s;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .footer-banner .benner-inner .banner-link:nth-child(2) {
    margin-top: 2.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .footer-banner .benner-inner .banner-link:nth-child(2) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .footer-banner .benner-inner .banner-link:nth-child(2) {
    margin-top: 3.90625vw;
  }
}
#lp-container .main-container .footer-banner .benner-inner .banner-link .banner-contents {
  display: block;
  margin-inline: auto;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .footer-banner .benner-inner .banner-link .banner-contents {
    width: 77.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .footer-banner .benner-inner .banner-link .banner-contents {
    width: 1090px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .footer-banner .benner-inner .banner-link .banner-contents {
    width: 81.875vw;
  }
}
#lp-container .main-container .section-wrapper.recommend {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.recommend {
    max-width: 1400px;
  }
}
#lp-container .main-container .section-wrapper.recommend .section-inner .recommend-title {
  text-align: center;
  color: #00803C;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-title {
    font-size: 2.5714285714vw;
    margin-bottom: 1.7857142857vw;
    margin-top: 4.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-title {
    font-size: 36px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-title {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-title {
    margin-top: 63px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-title {
    margin-bottom: 6.25vw;
    margin-top: 10.15625vw;
    font-size: 3.75vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-title {
    margin-bottom: 46.875px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-title {
    margin-top: 76.171875px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-title {
    font-size: 28.125px;
  }
}
#lp-container .main-container .section-wrapper.recommend .section-inner .recommend-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-list {
    -moz-column-gap: 2.8571428571vw;
    column-gap: 2.8571428571vw;
    row-gap: 2.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-list {
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-list {
    row-gap: 40px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-list {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-list .recommend-item {
    margin-left: auto;
    margin-right: auto;
  }
}
#lp-container .main-container .section-wrapper.recommend .section-inner .recommend-list.nowrap {
  flex-wrap: nowrap;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-list.nowrap {
    margin-top: 2.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-list.nowrap {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-item {
    width: 30vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-item {
    width: 420px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-item {
    margin-top: 3.90625vw;
    width: 81.875vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-item {
    margin-top: 29.296875px;
  }
}
@media screen and (max-width: 767px) and (min-width: 750px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-item {
    width: 614.0625px;
  }
}
#lp-container .main-container .section-wrapper.recommend .section-inner .recommend-item img {
  height: auto;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .section-wrapper.recommend .section-inner .recommend-item img:hover {
    opacity: 0.6;
    transition: ease 0.5s;
  }
}
#lp-container .main-container .dialog {
  opacity: 0;
  transition: opacity 0.5s ease-out;
  position: relative;
  margin-inline: auto;
  pointer-events: none;
}
#lp-container .main-container .dialog::-webkit-backdrop {
  background-color: rgba(0, 0, 0, 0.6);
}
#lp-container .main-container .dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.6);
}
#lp-container .main-container .dialog[open].opening {
  opacity: 1;
  pointer-events: auto;
}
#lp-container .main-container .dialog.closing {
  pointer-events: none;
  opacity: 0;
}
#lp-container .main-container .dialog .dialog-inner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .dialog .dialog-inner .youtube-container iframe {
    width: 68.5714285714vw;
    height: 38.5714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .dialog .dialog-inner .youtube-container iframe {
    width: 960px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .dialog .dialog-inner .youtube-container iframe {
    height: 540px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .dialog .dialog-inner .youtube-container iframe {
    width: 100vw;
    height: 56.25vw;
  }
}
#lp-container .main-container .dialog .close-btn {
  position: absolute;
  cursor: pointer;
  z-index: 100;
  background: transparent;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .dialog .close-btn {
    width: 3.2142857143vw;
    height: 3.2142857143vw;
    top: -3.5714285714vw;
    right: -0.7142857143vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .dialog .close-btn {
    width: 45px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .dialog .close-btn {
    height: 45px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .dialog .close-btn {
    top: -50px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .dialog .close-btn {
    right: -10px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .dialog .close-btn {
    width: 7.03125vw;
    height: 7.03125vw;
    top: -7.8125vw;
    right: 0;
  }
}
#lp-container .main-container .dialog .close-btn:before, #lp-container .main-container .dialog .close-btn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  transform-origin: center;
}
@media screen and (min-width: 768px) {
  #lp-container .main-container .dialog .close-btn:before, #lp-container .main-container .dialog .close-btn:after {
    width: 3.2142857143vw;
    height: 0.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .dialog .close-btn:before, #lp-container .main-container .dialog .close-btn:after {
    width: 45px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main-container .dialog .close-btn:before, #lp-container .main-container .dialog .close-btn:after {
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main-container .dialog .close-btn:before, #lp-container .main-container .dialog .close-btn:after {
    width: 7.03125vw;
    height: 0.3125vw;
  }
}
#lp-container .main-container .dialog .close-btn:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#lp-container .main-container .dialog .close-btn:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

#lp-container-pagetop {
  position: absolute;
  width: 100%;
  z-index: 100;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}

#lp-container-pagetop > div {
  position: fixed;
  left: 0;
  bottom: 15px;
  width: 100%;
}

#lp-container-pagetop > div > div {
  position: relative;
  max-width: 1640px;
  margin-left: auto;
  margin-right: auto;
}

#lp-container-pagetop a {
  position: absolute;
  right: 2.1428571429vw;
  bottom: 2.1428571429vw;
  max-width: 88px;
  max-height: 88px;
  display: block;
  width: 6.2857142857vw;
  height: 6.2857142857vw;
}

#lp-container-pagetop a img {
  width: 100%;
}

#lp-container-pagetop.active {
  opacity: 1;
}

#lp-container-pagetop.stop > div {
  position: absolute;
}

@media screen and (max-width: 767px) {
  #lp-container-pagetop a {
    right: 4.6875vw;
    bottom: 9.375vw;
    max-width: 88px;
    max-height: 88px;
    width: 13.75vw;
    height: 13.75vw;
  }
}