@charset "UTF-8";
html {
  font-size: 62.5% !important;
}

.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用スタイル
 */
#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] - 縮小を停止するウィンドウ幅
   */
  position: relative;
}
#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;
  }
}
#lp-container picture {
  display: block;
}
#lp-container img {
  vertical-align: top;
  max-width: 100%;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  #lp-container .pc {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .sp {
    display: block;
  }
}
#lp-container a {
  outline: none;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  #lp-container a.over {
    display: block;
    transition: opacity 0.4s ease;
  }
  #lp-container a.over:hover {
    opacity: 0.7;
  }
}
#lp-container a:focus {
  outline: none !important;
}
#lp-container a:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  #lp-container a {
    transition: opacity 0.3s ease;
  }
  #lp-container a:hover {
    opacity: 0.8;
  }
}
#lp-container a[href^=http]:empty::before {
  content: "" !important;
}

#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] - 縮小を停止するウィンドウ幅
   */
  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;
  }
}
#lp-container .mv {
  position: relative;
}
#lp-container .mv[data-mv].is-active .mv-item {
  transform: scale(1);
  opacity: 1;
}
#lp-container .mv[data-mv].is-active .mv-text01 {
  height: 104%;
}
#lp-container .mv[data-mv].is-active .mv-text02 {
  height: 104%;
}
#lp-container .mv .mv-bg {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #lp-container .mv .mv-item {
    position: absolute;
    top: 11%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 17.4285714286vw;
    opacity: 0;
    transition: transform 0.7s ease, opacity 0.7s ease-in-out;
    transform: scale(1.5);
  }
}
@media screen and (max-width: 767px) {
  #lp-container .mv .mv-item {
    position: absolute;
    top: 1%;
    left: 0;
    right: 0;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .mv .mv-text01 {
    position: absolute;
    top: -4%;
    right: 18%;
    overflow: hidden;
    height: 0;
    transition: height 0.7s ease, opacity 0.7s ease-in-out;
    transition-delay: 0.8s;
  }
  #lp-container .mv .mv-text01 .item {
    width: 15.9285714286vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .mv .mv-text02 {
    position: absolute;
    top: -4.3%;
    left: 18.4%;
    overflow: hidden;
    height: 0;
    transition: height 0.7s ease, opacity 0.7s ease-in-out;
    transition-delay: 1.2s;
  }
  #lp-container .mv .mv-text02 .item {
    width: 14.9285714286vw;
  }
  #lp-container .mv .mv-text02 .item img {
    width: 100%;
  }
}
#lp-container .mv .icon {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #lp-container .mv .icon {
    margin-top: -1.8571428571vw;
    margin-left: 2.2857142857vw;
    width: 13.3571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .mv .icon {
    margin-top: -26px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .mv .icon {
    margin-left: 32px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .mv .icon {
    width: 28vw;
    top: 75%;
    left: 4%;
  }
}
#lp-container .mv-wrap .anchor-wrap {
  background-image: url(../img/anchor-bg.png);
  background-repeat: repeat;
  background-size: auto;
  background-position: center;
}
@media screen and (min-width: 768px) {
  #lp-container .mv-wrap .anchor-lists {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2.1428571429vw;
    padding-bottom: 2.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .mv-wrap .anchor-lists {
    padding-top: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .mv-wrap .anchor-lists {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .mv-wrap .anchor-lists {
    padding-top: 8vw;
    padding-bottom: 8vw;
    padding-left: 12.6666666667vw;
    padding-right: 12.6666666667vw;
  }
}
#lp-container .mv-wrap .anchor-list {
  border-bottom: 1px solid #16195D;
}
@media screen and (min-width: 768px) {
  #lp-container .mv-wrap .anchor-list {
    width: 26.3571428571vw;
    border-top: 1px solid #16195D;
    transition: opacity 0.3s ease;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .mv-wrap .anchor-list {
    width: 369px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .mv-wrap .anchor-list:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .mv-wrap .anchor-list:not(:first-child) {
    margin-left: 2.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .mv-wrap .anchor-list:not(:first-child) {
    margin-left: 40px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .mv-wrap .anchor-list:first-child {
    border-top: 1px solid #16195D;
  }
}
#lp-container .mv-wrap .anchor-list .link {
  display: flex;
  align-items: center;
}
#lp-container .mv-wrap .anchor-list .anchor-text {
  color: #16195D;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #lp-container .mv-wrap .anchor-list .anchor-text {
    font-size: 1.5714285714vw;
    padding-left: 2.1428571429vw;
    padding-right: 2.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .mv-wrap .anchor-list .anchor-text {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .mv-wrap .anchor-list .anchor-text {
    padding-left: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .mv-wrap .anchor-list .anchor-text {
    padding-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .mv-wrap .anchor-list .anchor-text {
    font-size: 4.8vw;
    padding-left: 4vw;
  }
}
#lp-container .mv-wrap .anchor-list .anchor-img {
  display: block;
}
@media screen and (min-width: 768px) {
  #lp-container .mv-wrap .anchor-list .anchor-img {
    width: 5.7142857143vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .mv-wrap .anchor-list .anchor-img {
    width: 80px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .mv-wrap .anchor-list .anchor-img {
    width: 12.8vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .shirodashi-center {
    padding-top: 5.3571428571vw;
    padding-bottom: 5.3571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .shirodashi-center {
    padding-top: 75px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .shirodashi-center {
    padding-bottom: 75px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .shirodashi-center {
    padding-top: 5.3333333333vw;
    padding-bottom: 2.6666666667vw;
  }
}
#lp-container .shirodashi-center .shirodashi-title {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #lp-container .shirodashi-center .shirodashi-title {
    width: 59.7857142857vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .shirodashi-center .shirodashi-title {
    width: 837px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .shirodashi-center .shirodashi-title {
    width: 100%;
  }
}
#lp-container .shirodashi-center .shirodashi-center-img {
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp-container .shirodashi-center .shirodashi-center-img {
    margin-top: 2.8571428571vw;
    height: 60.0714285714vw;
    background-image: url(../img/shirodashi-center-bg.png);
  }
}
@media screen and (max-width: 767px) {
  #lp-container .shirodashi-center .shirodashi-center-img {
    margin-top: 2.9333333333vw;
    height: 73.8666666667vw;
    background-image: url(../img/shirodashi-center-bg.sp.png);
  }
}
#lp-container .shirodashi-center .shirodashi-img {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #lp-container .shirodashi-center .shirodashi-img {
    padding-top: 1.4285714286vw;
    width: 43.0714285714vw;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .shirodashi-center .shirodashi-img {
    padding-top: 1.3333333333vw;
    width: 62.9333333333vw;
  }
}
#lp-container .shirodashi-center .shirodashi-img-icon {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #lp-container .shirodashi-center .shirodashi-img-icon {
    width: 6.7142857143vw;
    top: 11.4285714286vw;
    left: 31.2857142857vw;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .shirodashi-center .shirodashi-img-icon {
    top: 14.6666666667vw;
    left: 22vw;
    width: 10.9333333333vw;
  }
}
#lp-container .shirodashi-center .shirodashi-center-text {
  text-align: center;
  color: #16195D;
  font-weight: 500;
  line-height: 1.8333333333;
}
@media screen and (min-width: 768px) {
  #lp-container .shirodashi-center .shirodashi-center-text {
    font-size: 1.7142857143vw;
    margin-top: -5.2142857143vw;
    line-height: 1.8333333333;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .shirodashi-center .shirodashi-center-text {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .shirodashi-center .shirodashi-center-text {
    font-size: 3.2vw;
    margin-top: 4vw;
  }
}
#lp-container .shirodashi-center .shirodashi-recipe-banner {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #lp-container .shirodashi-center .shirodashi-recipe-banner {
    width: 53.5714285714vw;
    margin-top: 5.7142857143vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .shirodashi-center .shirodashi-recipe-banner {
    width: 750px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .shirodashi-center .shirodashi-recipe-banner {
    margin-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .shirodashi-center .shirodashi-recipe-banner {
    width: 100%;
    margin-top: 4vw;
  }
}
#lp-container .shirodashi-center .shirodashi-recipe-banner .link {
  display: block;
}
@media screen and (min-width: 768px) {
  #lp-container .shirodashi-center .shirodashi-recipe-banner .link {
    transition: opacity 0.3s ease;
    margin-top: 1.2142857143vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .shirodashi-center .shirodashi-recipe-banner .link {
    margin-top: 17px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .shirodashi-center .shirodashi-recipe-banner .link:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .shirodashi-center .shirodashi-recipe-banner .link {
    margin-top: 2.2666666667vw;
  }
}
#lp-container .shirodashi-center .shirodashi-recipe-banner .recipe-banner-text {
  text-align: center;
  font-weight: 500;
  color: #16195D;
}
@media screen and (min-width: 768px) {
  #lp-container .shirodashi-center .shirodashi-recipe-banner .recipe-banner-text {
    font-size: 1.7142857143vw;
    padding-top: 1.0714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .shirodashi-center .shirodashi-recipe-banner .recipe-banner-text {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .shirodashi-center .shirodashi-recipe-banner .recipe-banner-text {
    padding-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .shirodashi-center .shirodashi-recipe-banner .recipe-banner-text {
    font-size: 3.2vw;
    padding-top: 2vw;
  }
}
#lp-container .obsession {
  background-image: url(../img/anchor-bg.png);
  background-repeat: repeat;
  background-size: auto;
  background-position: center;
}
#lp-container .obsession .obsession-contents01 {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #lp-container .obsession .obsession-contents01 {
    padding-top: 4.2857142857vw;
    padding-bottom: 3.3571428571vw;
    width: 56.4285714286vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents01 {
    padding-top: 60px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents01 {
    padding-bottom: 47px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents01 {
    width: 790px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .obsession .obsession-contents01 {
    padding-top: 6vw;
    padding-bottom: 6vw;
    padding-left: 7.3333333333vw;
    padding-right: 7.3333333333vw;
    width: 100%;
  }
}
#lp-container .obsession .obsession-contents01 .contents-title {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #lp-container .obsession .obsession-contents01 .contents-title {
    width: 39.7142857143vw;
    padding-bottom: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents01 .contents-title {
    width: 556px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents01 .contents-title {
    padding-bottom: 35px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .obsession .obsession-contents01 .contents-title {
    width: 64.6666666667vw;
    padding-bottom: 3.3333333333vw;
  }
}
#lp-container .obsession .obsession-contents01 .contents-text {
  font-weight: 500;
  color: #16195D;
  line-height: 1.8333333333;
}
@media screen and (min-width: 768px) {
  #lp-container .obsession .obsession-contents01 .contents-text {
    font-size: 1.7142857143vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents01 .contents-text {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .obsession .obsession-contents01 .contents-text {
    font-size: 3.2vw;
  }
}
#lp-container .obsession .obsession-contents01 .contents-icon {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #lp-container .obsession .obsession-contents01 .contents-icon {
    width: 11.8571428571vw;
    padding-top: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents01 .contents-icon {
    width: 166px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents01 .contents-icon {
    padding-top: 35px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .obsession .obsession-contents01 .contents-icon {
    width: 15.4666666667vw;
    padding-top: 3.3333333333vw;
  }
}
#lp-container .obsession .obsession-contents02 {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #lp-container .obsession .obsession-contents02 {
    padding-top: 4.2857142857vw;
    width: 56.4285714286vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents02 {
    padding-top: 60px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents02 {
    width: 790px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .obsession .obsession-contents02 {
    padding-top: 6vw;
    width: 100%;
    padding-left: 7.3333333333vw;
    padding-right: 7.3333333333vw;
  }
}
#lp-container .obsession .obsession-contents02 .contents-title {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #lp-container .obsession .obsession-contents02 .contents-title {
    padding-bottom: 2.5vw;
    width: 36.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents02 .contents-title {
    padding-bottom: 35px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents02 .contents-title {
    width: 516px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .obsession .obsession-contents02 .contents-title {
    padding-bottom: 3.3333333333vw;
    width: 60vw;
  }
}
#lp-container .obsession .obsession-contents02 .contents-text {
  font-weight: 500;
  color: #16195D;
  line-height: 1.8333333333;
}
@media screen and (min-width: 768px) {
  #lp-container .obsession .obsession-contents02 .contents-text {
    font-size: 1.7142857143vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents02 .contents-text {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .obsession .obsession-contents02 .contents-text {
    font-size: 3.2vw;
  }
}
#lp-container .obsession .obsession-contents02 .contents-icon {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #lp-container .obsession .obsession-contents02 .contents-icon {
    width: 9.5714285714vw;
    padding-top: 5.7142857143vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents02 .contents-icon {
    width: 134px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents02 .contents-icon {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .obsession .obsession-contents02 .contents-icon {
    width: 15.4666666667vw;
    padding-top: 3.3333333333vw;
  }
}
#lp-container .obsession .obsession-contents03 {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #lp-container .obsession .obsession-contents03 {
    padding-top: 5.7142857143vw;
    padding-bottom: 5.7142857143vw;
    width: 56.4285714286vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents03 {
    padding-top: 80px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents03 {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents03 {
    width: 790px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .obsession .obsession-contents03 {
    padding-top: 6vw;
    padding-bottom: 6vw;
    width: 100%;
    padding-left: 7.3333333333vw;
    padding-right: 7.3333333333vw;
  }
}
#lp-container .obsession .obsession-contents03 .contents-title {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #lp-container .obsession .obsession-contents03 .contents-title {
    width: 52.8571428571vw;
    padding-bottom: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents03 .contents-title {
    width: 740px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents03 .contents-title {
    padding-bottom: 35px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .obsession .obsession-contents03 .contents-title {
    padding-bottom: 3.3333333333vw;
    width: 100%;
  }
}
#lp-container .obsession .obsession-contents03 .contents-text {
  font-weight: 500;
  color: #16195D;
  line-height: 1.8333333333;
}
@media screen and (min-width: 768px) {
  #lp-container .obsession .obsession-contents03 .contents-text {
    font-size: 1.7142857143vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents03 .contents-text {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .obsession .obsession-contents03 .contents-text {
    font-size: 3.2vw;
  }
}
#lp-container .obsession .obsession-contents03 .contents-icon {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #lp-container .obsession .obsession-contents03 .contents-icon {
    width: 9.5714285714vw;
    padding-top: 5.7142857143vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents03 .contents-icon {
    width: 134px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .obsession .obsession-contents03 .contents-icon {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .obsession .obsession-contents03 .contents-icon {
    width: 15.4666666667vw;
    padding-top: 3.3333333333vw;
  }
}
#lp-container .feature .feature-contents {
  background: linear-gradient(#FFF3E3, #F8EBC3);
}
@media screen and (min-width: 768px) {
  #lp-container .feature .feature-contents {
    padding: 1.4285714286vw;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .feature .feature-contents {
    padding: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .feature .feature-contents .feature-contents-inner {
    padding: 0.2857142857vw;
    border: 4px solid #16195D;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .feature .feature-contents .feature-contents-inner {
    padding: 0.5333333333vw;
    border: 3px solid #16195D;
  }
}
#lp-container .feature .feature-contents .feature-panels {
  border: 1px solid #16195D;
}
@media screen and (min-width: 768px) {
  #lp-container .feature .feature-contents .feature-panels {
    padding-top: 4.2857142857vw;
    padding-bottom: 4.2857142857vw;
    padding-left: 3.5714285714vw;
    padding-right: 3.5714285714vw;
    display: flex;
  }
}
#lp-container .feature .feature-contents .feature-panel {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #lp-container .feature .feature-contents .feature-panel {
    padding-left: 2vw;
    padding-right: 2vw;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .feature .feature-contents .feature-panel {
    padding-top: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
  }
}
#lp-container .feature .feature-contents .feature-panel:not(:first-child)::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  #lp-container .feature .feature-contents .feature-panel:not(:first-child)::before {
    background: url(../img/feature-panel-border.png) no-repeat center/cover;
    height: 100%;
    width: 7px;
    margin-left: -7px;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  #lp-container .feature .feature-contents .feature-panel:not(:first-child)::before {
    background: url(../img/feature-panel-border.sp.png) no-repeat center/cover;
    height: 7px;
    width: 100%;
    transform: translateY(-50%);
  }
}
#lp-container .feature .feature-contents .feature-panel .panel-text {
  line-height: 1.7;
  color: #16195D;
}
@media screen and (min-width: 768px) {
  #lp-container .feature .feature-contents .feature-panel .panel-text {
    font-size: 1.4285714286vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .feature .feature-contents .feature-panel .panel-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .feature .feature-contents .feature-panel .panel-text {
    font-size: 3.2vw;
    padding-top: 2vw;
    padding-left: 3.2vw;
    padding-right: 3.2vw;
  }
}
#lp-container .pr-banner {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #lp-container .pr-banner {
    padding-top: 3.0714285714vw;
    padding-bottom: 2.1428571429vw;
    width: 53.5714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .pr-banner {
    padding-top: 43px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .pr-banner {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .pr-banner {
    width: 750px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .pr-banner {
    padding-top: 4vw;
    padding-bottom: 2.6666666667vw;
    width: 100%;
  }
}
#lp-container .pr-banner .link {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #lp-container .pr-banner .link {
    transition: opacity 0.3s ease;
    margin-top: 1.0714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .pr-banner .link {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .pr-banner .link:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .pr-banner .link {
    margin-top: 2vw;
  }
}
#lp-container .pr-banner .recipe-banner-text {
  text-align: center;
  font-weight: 500;
  color: #16195D;
}
@media screen and (min-width: 768px) {
  #lp-container .pr-banner .recipe-banner-text {
    font-size: 1.7142857143vw;
    padding-top: 1.0714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .pr-banner .recipe-banner-text {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .pr-banner .recipe-banner-text {
    padding-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .pr-banner .recipe-banner-text {
    font-size: 3.2vw;
    padding-top: 2vw;
  }
}
#lp-container .product-details {
  background-color: #F8EBC3;
}
#lp-container .product-details .product-details-inner {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #lp-container .product-details .product-details-inner {
    padding-top: 0.7142857143vw;
    padding-bottom: 2.4285714286vw;
    width: 52.4285714286vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .product-details-inner {
    padding-top: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .product-details-inner {
    padding-bottom: 34px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .product-details-inner {
    width: 734px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .product-details .product-details-inner {
    padding-top: 5.0666666667vw;
    padding-bottom: 6.4vw;
  }
}
#lp-container .product-details .details-img-wrap {
  position: relative;
}
#lp-container .product-details .details-img-wrap .product-details-img {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #lp-container .product-details .details-img-wrap .product-details-img {
    width: 35.1428571429vw;
    margin-bottom: 2.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .details-img-wrap .product-details-img {
    width: 492px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .details-img-wrap .product-details-img {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .product-details .details-img-wrap .product-details-img {
    width: 65.6vw;
    margin-bottom: 5.3333333333vw;
  }
}
#lp-container .product-details .details-img-wrap .product-details-icon {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  #lp-container .product-details .details-img-wrap .product-details-icon {
    width: 40vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .details-img-wrap .product-details-icon {
    width: 560px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .product-details .details-img-wrap .product-details-icon {
    width: 74.6666666667vw;
  }
}
#lp-container .product-details .details-title {
  font-weight: bold;
  color: #16195D;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #lp-container .product-details .details-title {
    font-size: 2.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .details-title {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .product-details .details-title {
    font-size: 5.3333333333vw;
    padding-top: 1.3333333333vw;
  }
}
#lp-container .product-details .details-text {
  color: #16195D;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #lp-container .product-details .details-text {
    padding-top: 1.5714285714vw;
    font-size: 1.4285714286vw;
    line-height: 1.8;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .details-text {
    padding-top: 22px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .details-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .product-details .details-text {
    padding-top: 4vw;
    padding-left: 7.2vw;
    padding-right: 7.2vw;
    font-size: 3.2vw;
    line-height: 1.875;
  }
}
#lp-container .product-details .details-btn {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #lp-container .product-details .details-btn {
    margin-top: 2.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .details-btn {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .product-details .details-btn {
    margin-top: 8vw;
  }
}
#lp-container .product-details .details-btn .link {
  font-weight: bold;
  color: #16195D;
  border-radius: 50px;
}
@media screen and (min-width: 768px) {
  #lp-container .product-details .details-btn .link {
    border: 2px solid #16195D;
    padding-top: 0.5714285714vw;
    padding-bottom: 0.5714285714vw;
    padding-left: 7vw;
    padding-right: 7vw;
    font-size: 1.8571428571vw;
    transition: opacity 0.3s ease;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .details-btn .link {
    padding-top: 8px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .details-btn .link {
    padding-bottom: 8px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .details-btn .link {
    padding-left: 98px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .details-btn .link {
    padding-right: 98px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .details-btn .link {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .product-details .details-btn .link:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .product-details .details-btn .link {
    border: 1px solid #16195D;
    padding-top: 1.0666666667vw;
    padding-bottom: 1.0666666667vw;
    padding-left: 12.9333333333vw;
    padding-right: 12.9333333333vw;
    font-size: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .product-details .purchase-wrap {
    margin-top: 2.6428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .purchase-wrap {
    margin-top: 37px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .product-details .purchase-wrap {
    margin-top: 7.4666666667vw;
  }
}
#lp-container .product-details .purchase-wrap .purchase-text {
  color: #16195D;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #lp-container .product-details .purchase-wrap .purchase-text {
    font-size: 1.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .purchase-wrap .purchase-text {
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .product-details .purchase-wrap .purchase-text {
    font-size: 3.4666666667vw;
  }
}
#lp-container .product-details .purchase-wrap .purchase-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #lp-container .product-details .purchase-wrap .purchase-icon-wrap {
    padding-top: 1.2142857143vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .purchase-wrap .purchase-icon-wrap {
    padding-top: 17px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .product-details .purchase-wrap .purchase-icon-wrap {
    padding-top: 4.5333333333vw;
    padding-left: 4.5333333333vw;
    padding-right: 4.5333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .product-details .purchase-wrap .purchase-icon-wrap .purchase-icon02 {
    margin-left: 2.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .product-details .purchase-wrap .purchase-icon-wrap .purchase-icon02 {
    margin-left: 40px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .product-details .purchase-wrap .purchase-icon-wrap .purchase-icon02 {
    margin-left: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .product-details .purchase-wrap .purchase-icon-wrap .link {
    transition: opacity 0.3s ease;
  }
  #lp-container .product-details .purchase-wrap .purchase-icon-wrap .link:hover {
    opacity: 0.8;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .banner-content {
    width: 53.5714285714vw;
    margin-top: 2.7142857143vw;
    margin-bottom: 3.0714285714vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .banner-content {
    width: 750px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .banner-content {
    margin-top: 38px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .banner-content {
    margin-bottom: 43px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .banner-content {
    width: 100vw;
    margin-top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .recommendation {
    padding-top: 3.3571428571vw;
    padding-bottom: 7.1428571429vw;
    max-width: 1400px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .recommendation {
    padding-top: 47px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .recommendation {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .recommendation {
    padding-top: 7.6vw;
    padding-bottom: 8vw;
  }
}
#lp-container .recommendation .recommendation-title {
  color: #16195D;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #lp-container .recommendation .recommendation-title {
    font-size: 1.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .recommendation .recommendation-title {
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .recommendation .recommendation-title {
    font-size: 3.4666666667vw;
    line-height: 1.6923076923;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .recommendation .recommendation-images {
    margin-top: 3.5714285714vw;
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .recommendation .recommendation-images {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .recommendation .recommendation-images {
    margin-top: 6.6666666667vw;
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .recommendation .recommendation-images .recommendation-img:not(:first-child) {
    margin-left: 1.4285714286vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .recommendation .recommendation-images .recommendation-img:not(:first-child) {
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .recommendation .recommendation-images .recommendation-img:not(:first-child) {
    margin-top: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .recommendation .recommendation-images .recommendation-img .link {
    transition: opacity 0.3s ease;
  }
  #lp-container .recommendation .recommendation-images .recommendation-img .link:hover {
    opacity: 0.7;
  }
}