@charset "UTF-8";
#Wrap {
  width: initial;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - custom
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp_contents {
  --color-white: #fff;
  --color-black: #000;
  --color-text: #595f5f;
  /* --font-yu: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; */
  /* --font-tsukuaoldmin: "fot-tsukuaoldmin-pr6n", sans-serif; */
  /* --font-hiragino: "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, sans-serif; */
  --font-noto: "noto-sans", sans-serif;
  --font-noto_cjk: "noto-sans-cjk-jp", sans-serif;
  --font-jost: "Jost", sans-serif;
  --font-noto_serif: "noto-serif", serif;
  /* --font-futura: "futura-pt", sans-serif; */
  --font-ja: var(--font-noto_cjk);
  --font-en: var(--font-noto);
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  font-feature-settings: "palt";
  overflow: clip;
}
.lp_contents {
  --pc-width: 1900;
  --sp-width: 750;
  --pc-artboard-width: 603;
  --sp-artboard-width: 750;
}
.lp_contents img,
.lp_contents picture,
.lp_contents video,
.lp_contents a {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.lp_contents .scalpd_comment {
  position: absolute;
  white-space: nowrap;
  writing-mode: vertical-rl;
  font-size: calc(19*var(--variable)*var(--ratio));
  line-height: 1;
  letter-spacing: .025em;
  font-weight: var(--font-weight-light);
  font-family: var(--font-jost);
  color: var(--color-text);
  left: calc(43*var(--variable)*var(--ratio));
}
/* @media (min-width: 1400px) {
  .lp_contents {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .lp_contents {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
} */
@media (min-width: 768px) {
  .lp_contents {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
  .hidden-desktop {
    display: none;
  }
}
@media (max-width: 767px) {
  .lp_contents {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
  .hidden-mobile {
    display: none;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- setting -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media (min-width: 768px) {
  .lp_contents {
    display: grid;
    grid-template-columns: 1fr calc(603*100vw/1900) 1fr;
  }
  .lp_contents::before {
    position: fixed;
    content: "";
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-repeat: repeat-y;
    background-size: cover;
    background-image: url(../img/bg-lrg.jpg);
    z-index: -1;
    pointer-events: none;
  }
  .lp_contents::after {
    position: fixed;
    content: "";
    width: calc(1833*100vw/1900);
    height: calc(135*100vw/1900);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/fixed_text.png);
  }
  .lp_contents .scroll_container {
    overflow: clip;
  }
  .lp_contents .fixed_container {
    position: sticky;
    top: 0;
    height: 100vh;
  }
  .lp_contents .fixed_list {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: min(58*100vw/1400, 58px);
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
  }
  .lp_contents .fixed_list > li {
    width: calc(333*100vw/1900);
  }
  .lp_contents .fixed_logo {
    position: relative;
    width: calc(235*100vw/1900);
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - arrangement
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp_contents .common-position {
  position: absolute;
}
.lp_contents .common-grid {
  display: grid;
  gap: var(--row, 0) var(--column, 0);
}
.lp_contents .common-flex_row {
  display: flex;
  flex-direction: row;
  gap: var(--row, 0) var(--column, 0);
}
.lp_contents .common-flex_row_reverse {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--row, 0) var(--column, 0);
}
.lp_contents .common-flex_column {
  display: flex;
  flex-direction: column;
  gap: var(--row, 0) var(--column, 0);
}
.lp_contents .common-flex_column_reverse {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--row, 0) var(--column, 0);
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - hero
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp_contents .hero {
  position: relative;
  z-index: 4;
}
.lp_contents .hero_inner {
  position: relative;
  z-index: 2;
}
.lp_contents .hero_wrapper {
  position: relative;
  z-index: 3;
}
.lp_contents .hero_campaign {
  position: absolute;
  z-index: 2;
  width: calc(348*var(--variable)*var(--ratio));
  top: calc(559*var(--variable)*var(--ratio));
  left: calc(-8*var(--variable)*var(--ratio));
}
.lp_contents .hero_content {
  position: absolute;
  z-index: 2;
  display: flex;
  top: calc(930*var(--variable)*var(--ratio));
  left: 0;
}
.lp_contents .hero_link {
  width: calc(375*var(--variable)*var(--ratio));
}
.lp_contents .hero_inromation {
  position: relative;
  z-index: 2;
}
.lp_contents .hero_inromation::before {
  position: absolute;
  content: "";
  width: 100%;
  height: calc(1208*var(--variable)*var(--ratio));
  top: calc(-155*var(--variable)*var(--ratio));
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  background-image: url(../img/hero_information_bg.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}
.lp_contents .hero_information_text {
  width: calc(565*var(--variable)*var(--ratio));
  margin: calc(222*var(--variable)*var(--ratio)) auto 0;  
}
.lp_contents .c-detail_btn {
  width: calc(586*var(--variable)*var(--ratio));
  margin: calc(93*var(--variable)*var(--ratio)) auto 0;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- introduction -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp_contents .introduction {
  position: relative;
  z-index: 3;
  padding-top: calc(226*var(--variable)*var(--ratio));
  background-color: #f3f3f1;
}
.lp_contents .introduction::before {
  position: absolute;
  content: "";
  width: calc(750*var(--variable)*var(--ratio));
  height: calc(1702*var(--variable)*var(--ratio));
  top: calc(-226*var(--variable)*var(--ratio));
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/introduction_bg_dot.png);
  z-index: -1;
}
.lp_contents .introduction .scalpd_comment {
  top: calc(154*var(--variable)*var(--ratio));
  left: calc(45*var(--variable)*var(--ratio));
}
.lp_contents .introduction_inner {
}
.lp_contents .introduction_title {
  width: calc(321*var(--variable)*var(--ratio));
  margin: 0 auto;
}
.lp_contents .introduction_list {
  margin-top: calc(109*var(--variable)*var(--ratio));
  --row: calc(66*var(--variable)*var(--ratio));
  justify-content: end;
  align-items: center;
}
.lp_contents .introduction_link {
  width: calc(604*var(--variable)*var(--ratio));
}
.lp_contents .introduction_trouble {
  position: relative;
  z-index: 2;
  width: calc(633*var(--variable)*var(--ratio));
  margin: calc(115*var(--variable)*var(--ratio)) auto 0;
  /* background-color: #8d9eb4; */
  padding: calc(111*var(--variable)*var(--ratio)) 0 calc(121*var(--variable)*var(--ratio));
  overflow-y: clip;
}
.lp_contents .introduction_trouble::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #8d9eb4;
  border-radius: 10px;
  z-index: -1;
}
.lp_contents .introduction_trouble::before {
  position: absolute;
  content: "";
  width: calc(750*var(--variable)*var(--ratio));
  height: calc(1749*var(--variable)*var(--ratio));
  top: calc(633*var(--variable)*var(--ratio));
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/product_image01.jpg);
  z-index: -1;
}
.lp_contents .introduction_trouble_title {
  width: calc(508*var(--variable)*var(--ratio));
  margin: calc(10*var(--variable)*var(--ratio)) auto 0;
}
.lp_contents .introduction_trouble_text {
  width: calc(525*var(--variable)*var(--ratio));
  margin: calc(125*var(--variable)*var(--ratio)) auto 0;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp_contents .product {
  position: relative;
  z-index: 2;
  padding-top: calc(200*var(--variable)*var(--ratio));
  padding-bottom: calc(60*var(--variable)*var(--ratio));
  background-color: #c7cdd6;
}
.lp_contents .product_new {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(135*var(--variable)*var(--ratio));
  height: calc(135*var(--variable)*var(--ratio));
  background-color: #68544c;
  top: calc(120*var(--variable)*var(--ratio));
  right: calc(37*var(--variable)*var(--ratio));
  font-size: calc(36*var(--variable)*var(--ratio));
  line-height: 1;
  letter-spacing: .1em;
  font-weight: var(--font-weight-regular);
  font-family: var(--font-en);
  color: var(--color-white);
  border-radius: 50%;
}
.lp_contents .product_title {
  --row: calc(32*var(--variable)*var(--ratio));
}
.lp_contents .product_title_sub {
  font-size: calc(34*var(--variable)*var(--ratio));
  line-height: 1.9705882353;
  letter-spacing: .15em;
  font-weight: var(--font-weight-regular);
  font-family: var(--font-ja);
  text-align: center;
  color: var(--color-text);
}
.lp_contents .product_title_main {
  font-size: calc(62*var(--variable)*var(--ratio));
  line-height: 1.1901612903;
  letter-spacing: .2em;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-noto_serif);
  text-align: center;
  color: var(--color-text);
}
.lp_contents .product_image {
  position: absolute;
  z-index: -1;
  font-size: calc(750*var(--variable)*var(--ratio));
}
.lp_contents .product_detail {
  margin-top: calc(660*var(--variable)*var(--ratio));
}
.lp_contents .product_detail_image {
  position: relative;
  width: calc(715*var(--variable)*var(--ratio));
  left: calc(45*var(--variable)*var(--ratio));
}
.lp_contents .product_detail_link {
  width: calc(586*var(--variable)*var(--ratio));
  margin: calc(100*var(--variable)*var(--ratio)) auto 0;
}
.lp_contents .product_introduction {
  position: relative;
  z-index: 2;
  width: calc(650*var(--variable)*var(--ratio));
  padding-top: calc(137*var(--variable)*var(--ratio));
  padding-bottom: calc(55*var(--variable)*var(--ratio));
  margin: calc(280*var(--variable)*var(--ratio)) auto 0;
  background-color: #f0f0f0;
  border-radius: 10px;
}
.lp_contents .product_introduction_main {
  position: absolute;
  top: calc(-138*var(--variable)*var(--ratio));
  left: 50%;
  transform: translateX(-50%);
  width: calc(420*var(--variable)*var(--ratio));
  margin: 0 auto;
}
.lp_contents .product_introduction_name {
  position: relative;
  z-index: 2;
  font-size: calc(41.1*var(--variable)*var(--ratio));
  line-height: 1.3440389294;
  letter-spacing: .1em;
  font-weight: var(--font-weight-regular);
  font-family: var(--font-ja);
  text-align: center;
  color: var(--color-text);
}
.lp_contents .product_introduction_name span {
  display: block;
  font-size: calc(21*var(--variable)*var(--ratio));
  line-height: 2.6304761905;
  letter-spacing: .2em;
  font-weight: var(--font-weight-regular);
  font-family: var(--font-ja);
  text-align: center;
  color: var(--color-text);
}
.lp_contents .product_introduction_name::before {
  position: absolute;
  content: "";
  width: calc(435*var(--variable)*var(--ratio));
  border-top: 2px dotted var(--color-text);
  margin: 0 auto;
  bottom: calc(-25*var(--variable)*var(--ratio));
  left: 50%;
  transform: translateX(-50%);
}
.lp_contents details {
  height: calc(46*var(--variable)*var(--ratio));
  transition: height 0.3s ease;
}
.lp_contents .product01 details[open] {
  height: calc(6358*var(--variable)*var(--ratio));
}
.lp_contents .product02 details[open] {
  height: calc(6190*var(--variable)*var(--ratio));
}
.lp_contents .product_introduction_btn {
  display: flex;
  align-items: center;
  column-gap: calc(10*var(--variable)*var(--ratio));
  font-size: calc(48*var(--variable)*var(--ratio));
  line-height: 1;
  letter-spacing: .2em;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-ja);
  width: fit-content;
  margin: calc(65*var(--variable)*var(--ratio)) auto 0;
  cursor: pointer;
  color: var(--color-text);
}
.lp_contents .product_introduction_btn::marker {
  font-size: 0;
}
.lp_contents .product_introduction_btn_image {
  position: relative;
  left: calc(10*var(--variable)*var(--ratio));
  width: calc(36*var(--variable)*var(--ratio));
  transition: transform .5s ease;
}
.lp_contents details[open] .product_introduction_btn_image {
  transform: rotate(180deg);
}
.lp_contents .product_introduction_inner {
  margin-top: calc(160*var(--variable)*var(--ratio));
}
.lp_contents .product_introduction_list {}
.lp_contents .product_introduction_item {
  margin-top: calc(115*var(--variable)*var(--ratio));
}
.lp_contents .product_introduction_point {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: calc(20 * var(--variable) * var(--ratio));
  padding: 0 calc(52 * var(--variable) * var(--ratio));
  font-size: calc(19.04 * var(--variable) * var(--ratio));
  line-height: 1;
  letter-spacing: .1em;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-jost);
  white-space: nowrap;
}
.lp_contents .product_introduction_point::after {
  position: relative;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
}
.lp_contents .product_introduction_comment01 {
  width: calc(200*var(--variable)*var(--ratio));
  margin: calc(80*var(--variable)*var(--ratio)) auto 0;
}
.lp_contents .product_introduction_comment02 {
  width: calc(264*var(--variable)*var(--ratio));
  margin: calc(137*var(--variable)*var(--ratio)) auto 0;
}
.lp_contents .product_introduction_title {
  margin-top: calc(20*var(--variable)*var(--ratio));
  font-size: calc(45*var(--variable)*var(--ratio));
  line-height: 1.7333333333;
  letter-spacing: .2em;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-ja);
  text-align: center;
  color: #636363;
}
.lp_contents .product_introduction_lead {
  font-size: calc(25*var(--variable)*var(--ratio));
  line-height: 2;
  letter-spacing: .15em;
  font-weight: var(--font-weight-regular);
  font-family: var(--font-ja);
  text-align: center;
  color: var(--color-text);
}
.lp_contents .product_introduction_check {
  width: calc(530*var(--variable)*var(--ratio));
  margin: calc(68*var(--variable)*var(--ratio)) auto 0;
}
.lp_contents .product_introduction_image {
  margin: 0 auto;
}
.lp_contents .product_introduction_image0101 {
  width: calc(520*var(--variable)*var(--ratio));
  margin-top: calc(65*var(--variable)*var(--ratio));
}
.lp_contents .product_introduction_image0102 {
  width: calc(590*var(--variable)*var(--ratio));
  margin-top: calc(25*var(--variable)*var(--ratio));
}
.lp_contents .product_introduction_image0103 {
  width: calc(540*var(--variable)*var(--ratio));
  margin-top: calc(55*var(--variable)*var(--ratio));
}
.lp_contents .product_introduction_image0104 {
  width: calc(344*var(--variable)*var(--ratio));
  margin-top: calc(48*var(--variable)*var(--ratio));
}
.lp_contents .product_introduction_image0105 {
  width: calc(478*var(--variable)*var(--ratio));
  margin-top: calc(32*var(--variable)*var(--ratio));
}
.lp_contents .product_introduction_image0106 {
  width: calc(589*var(--variable)*var(--ratio));
  margin-top: calc(25*var(--variable)*var(--ratio));
}
.lp_contents .product_introduction_image0201 {
  width: calc(510*var(--variable)*var(--ratio));
  margin-top: calc(38*var(--variable)*var(--ratio));
}
.lp_contents .product_introduction_image0202 {
  width: calc(510*var(--variable)*var(--ratio));
  margin-top: calc(25*var(--variable)*var(--ratio));
}
.lp_contents .product_introduction_image0203 {
  width: calc(589*var(--variable)*var(--ratio));
  margin-top: calc(70*var(--variable)*var(--ratio));
}
.lp_contents .product_introduction_image0204 {
  width: calc(478*var(--variable)*var(--ratio));
  margin-top: calc(47*var(--variable)*var(--ratio));
}
.lp_contents .product_introduction_image0205 {
  width: calc(588*var(--variable)*var(--ratio));
  margin-top: calc(48*var(--variable)*var(--ratio));
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product01 -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp_contents .product01 .scalpd_comment {
  top: calc(174*var(--variable)*var(--ratio));
  left: calc(43*var(--variable)*var(--ratio));
}
.lp_contents .product01 .product_introduction_item01 .product_introduction_text {
  font-size: calc(19*var(--variable)*var(--ratio));
  line-height: 1.8421052632;
  letter-spacing: .15em;
  font-weight: var(--font-weight-light);
  font-family: var(--font-en);
  width: calc(520*var(--variable)*var(--ratio));
  margin: calc(40*var(--variable)*var(--ratio)) auto 0;
  color: var(--color-text);
}
.lp_contents .product01 .product_introduction_item02 .product_introduction_title {
  margin-top: calc(103*var(--variable)*var(--ratio));
}
.lp_contents .product01 .product_introduction_item02 .product_introduction_lead {
  margin-top: calc(10*var(--variable)*var(--ratio));
}
.lp_contents .product01 .product_introduction_item02 .product_introduction_text {
  font-size: calc(15*var(--variable)*var(--ratio));
  line-height: 1.6666666667;
  letter-spacing: .025em;
  font-weight: var(--font-weight-light);
  font-family: var(--font-ja);
  width: calc(578*var(--variable)*var(--ratio));
  margin: calc(22*var(--variable)*var(--ratio)) auto 0;
  color: var(--color-text);
}
.lp_contents .product01 .product_introduction_item03 {
  margin-top: calc(72*var(--variable)*var(--ratio));
}
.lp_contents .product01 .product_introduction_item03 .product_introduction_title {
  margin-top: calc(105*var(--variable)*var(--ratio));
  letter-spacing: .1em;
}
.lp_contents .product01 .product_introduction_item03 .product_introduction_title02 {
  margin-top: calc(72*var(--variable)*var(--ratio));
}
.lp_contents .product01 .product_introduction_item03 .product_introduction_image:nth-of-type(2) {
  margin-top: calc(73*var(--variable)*var(--ratio));
}
.lp_contents .product01 .product_introduction_item04 .product_introduction_title {
  margin-top: calc(105*var(--variable)*var(--ratio));
}
.lp_contents .product01 .product_introduction_item05 .product_introduction_title {
  line-height: 1.25;
  margin-top: calc(120*var(--variable)*var(--ratio));
  letter-spacing: .03em;
}
.lp_contents .product01 .product_introduction_item05 .product_introduction_lead {
  margin-top: calc(22*var(--variable)*var(--ratio));
}
.lp_contents .product01 .product_introduction_item06 .product_introduction_title {
  margin-top: calc(125*var(--variable)*var(--ratio));
}
.lp_contents .product01 .product_introduction_item06 .product_introduction_lead {
  margin-top: calc(10*var(--variable)*var(--ratio));
}
.lp_contents .product01 .product_image {
  margin-top: calc(-1010*var(--variable)*var(--ratio));
}
.lp_contents .product01 .c-detail_btn {
  margin-top: calc(170*var(--variable)*var(--ratio));
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product02 -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp_contents .product02 {
  padding-top: calc(70*var(--variable)*var(--ratio));
  margin-top: 0;
  padding-bottom: calc(140*var(--variable)*var(--ratio));
}
.lp_contents .product02 .product_image {
  margin-top: calc(-340*var(--variable)*var(--ratio));
}
.lp_contents .product02 .product_title_main {
  font-size: calc(55*var(--variable)*var(--ratio));
  line-height: 1.6181818182;
}
.lp_contents .product02 .product_title {
  --row: calc(24*var(--variable)*var(--ratio));
}
.lp_contents .product02 .product_new {
  top: calc(97*var(--variable)*var(--ratio));
  background-color: #e0aa7e;
}
.lp_contents .product02 .product_detail {
  margin-top: calc(620*var(--variable)*var(--ratio));
}
.lp_contents .product02 .product_detail_image {
  width: calc(756*var(--variable)*var(--ratio));
  left: calc(-40*var(--variable)*var(--ratio));
}
.lp_contents .product02 .product_detail_link {
  margin-top: calc(95*var(--variable)*var(--ratio));
}
.lp_contents .product02 .product_introduction {
  margin-top: calc(215*var(--variable)*var(--ratio));
  padding-top: calc(157*var(--variable)*var(--ratio));
  padding-bottom: calc(98*var(--variable)*var(--ratio));
}
.lp_contents .product02 .product_introduction_item {
  margin-top: calc(190*var(--variable)*var(--ratio));
}
.lp_contents .product02 .product_introduction_item02 {
  margin-top: calc(140*var(--variable)*var(--ratio));
}
.lp_contents .product02 .product_introduction_item02 .product_introduction_title {
  margin-top: calc(134*var(--variable)*var(--ratio));
}
.lp_contents .product02 .product_introduction_item02 .product_introduction_lead {
  margin-top: calc(60*var(--variable)*var(--ratio));
}
.lp_contents .product02 .product_introduction_item03 {
  margin-top: calc(136*var(--variable)*var(--ratio));
}
.lp_contents .product02 .product_introduction_item03 .product_introduction_title {
  margin-top: calc(120*var(--variable)*var(--ratio));
}
.lp_contents .product02 .product_introduction_item03 .product_introduction_lead {
  margin-top: calc(10*var(--variable)*var(--ratio));
}
.lp_contents .product02 .product_introduction_item03 .product_introduction_text {
  width: calc(575*var(--variable)*var(--ratio));
  margin: calc(37*var(--variable)*var(--ratio)) auto 0;
  font-size: calc(14*var(--variable)*var(--ratio));
  line-height: 1.8571428571;
  letter-spacing: .033em;
  font-weight: var(--font-weight-light);
  font-family: var(--font-ja);
  color: var(--color-text);
}
.lp_contents .product02 .product_introduction_item04 {
  margin-top: calc(270*var(--variable)*var(--ratio));
}
.lp_contents .product02 .product_introduction_item04 .product_introduction_title {
  margin-top: calc(157*var(--variable)*var(--ratio));
  font-size: calc(44*var(--variable)*var(--ratio));
  line-height: 1.25;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-ja);
  text-align: center;
}
.lp_contents .product02 .product_introduction_item04 .product_introduction_lead {
  margin-top: calc(32*var(--variable)*var(--ratio));
}
.lp_contents .product02 .product_introduction_item05 {
  margin-top: calc(150*var(--variable)*var(--ratio));
}
.lp_contents .product02 .product_introduction_item05 .product_introduction_title {
  margin-top: calc(130*var(--variable)*var(--ratio));
}
.lp_contents .product02 .product_introduction_item05 .product_introduction_lead {
  margin-top: calc(10*var(--variable)*var(--ratio));
}
.lp_contents .product02 .c-detail_btn {
  margin-top: calc(193*var(--variable)*var(--ratio));
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- campaign -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp_contents .campaign {
  color: var(--color-white);
  text-align: center;
  background-color: #cd999d;
  padding-top: calc(100*var(--variable)*var(--ratio));
}
.lp_contents .campaign_title {
  --row: calc(0*var(--variable)*var(--ratio));
}
.lp_contents .campaign_title_main {
  font-size: calc(78*var(--variable)*var(--ratio));
  line-height: 1.2692307692;
  letter-spacing: .1em;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-noto_serif);
}
.lp_contents .campaign_title_sub {
  font-size: calc(30*var(--variable)*var(--ratio));
  line-height: 1.736;
  letter-spacing: .2em;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-ja);
}
.lp_contents .campaign_date {
  display: block;
  margin-top: calc(10*var(--variable)*var(--ratio));
  font-size: calc(51*var(--variable)*var(--ratio));
  line-height: 1.1949019608;
  letter-spacing: .075em;
  font-weight: var(--font-weight-regular);
  font-family: var(--font-jost);
}
.lp_contents .campaign_detail {
  width: calc(665*var(--variable)*var(--ratio));
  margin: calc(10*var(--variable)*var(--ratio)) auto 0;
}
.lp_contents .campaign_image {
  width: 100%;
  margin-top: calc(-10*var(--variable)*var(--ratio));
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- lineup -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp_contents .lineup {
  position: relative;
  z-index: 2;
  background-color: #dadada;
  padding-top: calc(85*var(--variable)*var(--ratio));
  padding-bottom: calc(145*var(--variable)*var(--ratio));
}
.lp_contents .lineup::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/lineup_bg_dot.png);
  z-index: -1;
}
.lp_contents .lineup_title {
  font-size: calc(55*var(--variable)*var(--ratio));
  line-height: 2.1454545455;
  letter-spacing: .1em;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-noto_serif);
  color: var(--color-white);
  text-align: center;
}
.lp_contents .lineup_slider {
  position: relative;
  z-index: 2;
  margin-top: calc(25*var(--variable)*var(--ratio));
}
.lp_contents .lineup_detail01 .lineup_detail_title {
  font-size: calc(30*var(--variable)*var(--ratio));
  line-height: 1.8333333333;
  letter-spacing: .1em;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-ja);
}
.lp_contents .lineup_detail02 .lineup_detail_title {
  font-size: calc(36.44*var(--variable)*var(--ratio));
  line-height: 1.8334248079;
  letter-spacing: .1em;
  font-weight: var(--font-weight-light);
  font-family: var(--font-ja);
}
.lp_contents .lineup_detail_image {
  width: calc(439*var(--variable)*var(--ratio));
  margin: calc(10*var(--variable)*var(--ratio)) auto 0;
}
.lp_contents .lineup_detail_name {
  font-size: calc(38*var(--variable)*var(--ratio));
  line-height: 1.4810526316;
  letter-spacing: .1em;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-ja);
}
.lp_contents .lineup_detail_name span {
  font-size: calc(17*var(--variable)*var(--ratio));
  line-height: 2.6505882353;
  letter-spacing: .2em;
  font-weight: var(--font-weight-light);
  font-family: var(--font-ja);
}
.lp_contents .lineup_detail_price {
  font-size: calc(26*var(--variable)*var(--ratio));
  line-height: 1;
  letter-spacing: 2.1315384615;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-ja);
}
.lp_contents .lineup_detail_price span {
  font-size: calc(24.1*var(--variable)*var(--ratio));
  line-height: 2.2995850622;
  letter-spacing: .1em;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-ja);
}
.lp_contents .lineup .c-detail_btn {
  width: calc(437*var(--variable)*var(--ratio));
  margin-top: calc(37*var(--variable)*var(--ratio));
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- about -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp_contents .about {
  position: relative;
  z-index: 2;
  background-color: #c7cdd6;
  padding-top: calc(75*var(--variable)*var(--ratio));
  padding-bottom: calc(145*var(--variable)*var(--ratio));
}
.lp_contents .about::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/about_bg_dot.png);
  z-index: -1;
}
.lp_contents .about_title {
  font-size: calc(55*var(--variable)*var(--ratio));
  line-height: 2.1454545455;
  letter-spacing: .1em;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-noto_serif);
  text-align: center;
  color: var(--color-white);
}
.lp_contents .about_logo {
  width: calc(418*var(--variable)*var(--ratio));
  margin: calc(77*var(--variable)*var(--ratio)) auto 0;
}
.lp_contents .about_lead {
  width: calc(582*var(--variable)*var(--ratio));
  margin: calc(78*var(--variable)*var(--ratio)) auto 0;
  font-size: calc(26*var(--variable)*var(--ratio));
  line-height: 1.8461538462;
  letter-spacing: .025em;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-ja);
  color: var(--color-white);
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- animation -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp_contents .swiper-slide {
  width: calc(590*var(--variable)*var(--ratio))!important;
}
.lp_contents .swiper-pagination {
  bottom: calc(-100*var(--variable)*var(--ratio))!important;
}
.lp_contents .swiper-pagination-bullet {
  width: calc(8*var(--variable)*var(--ratio));
  height: calc(8*var(--variable)*var(--ratio));
  background: #fff;
  opacity: 0.5;
  border-radius: calc(8*var(--variable)*var(--ratio));
  transition: width 0.3s ease, opacity 0.3s ease;
  margin: 0 calc(10*var(--variable)*var(--ratio))!important;
}
.lp_contents .swiper-pagination-bullet-active {
  width: calc(112*var(--variable)*var(--ratio));
  opacity: 1;
  background: #fff;
}
.lp_contents .js-fade {
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 1.5s ease, transform 1.5s ease;
}
.lp_contents .js-fade.is-active {
  opacity: 1;
  transform: translateY(0);
}