@charset "UTF-8";

/* calc スタイル

======================================================================================== */

html {

  background: #E4E4E4;

}

@media screen and (max-width: 767px) {

  #em260812UU a {

    opacity: 1;

  }

}



/* ベーススタイル

======================================================================================== */

@media screen and (max-width: 767px) {

  .lp {

    padding-bottom: 0;

  }

}



/* ▼▼ put style.css ▼▼ */

/* =====================================================

   UNDERSON UNDERSON / WASHI Airy Tee

   計測ID: em260812UU

   SP特化型（SP 750 / PC 中央750px・1400pxまで可変・1401px以上固定）

   単位・命名などの規約は coding-guidelines.md を参照

   ===================================================== */



/* ▼ -----------可変設定---------- ▼ */

.lp_variable {

  /*デザインの値*/

  --pc-width: 1400;/*PCデザイン幅*/

  --sp-width: 750;/*SPデザイン幅*/

  --pc-artboard-width: 750;/*PC時の中央コンテンツ列の幅*/

  --sp-artboard-width: 750;/*SP時の中央コンテンツ列の幅*/

 /*可変率の計算式*/

  --formula: calc(var(--variable) * var(--ratio));/*SP,PC共通箇所の可変割合の計算式*/

  --formula_pc: calc(var(--variable) * 1);/*PCデザインの可変割合の計算式*/

 }



/* PC画面幅 1400px以上 固定 */

@media (min-width: 1401px) {

  .lp_variable {

  --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

  --variable: 1px;

  }

 }



 /* PC画面幅 768～1400px 可変 */

 @media (min-width: 768px) and (max-width: 1400px) {

  .lp_variable {

  --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

  --variable: calc(100vw / var(--pc-width));

  }

 }



 /* SP画面幅 767px以下 可変 */

 @media (max-width: 767px) {

  .lp_variable {

  --ratio: 1;

  --variable: calc(100vw / var(--sp-width));

  }

 }

/* ▲ -----------可変設定---------- ▲ */



/* ▼ -----------カスタムプロパティ---------- ▼ */

#em260812UU {

  --color-text: #6e6e6e;

  --color-credit: #555;

  --color-title: #000;

  --color-bg: #e3e3e3;

  --font-ja: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", yu-gothic-pr6n,"Open Sans", "メイリオ", sans-serif;

  --font-en: futura-pt,"futura-pt", "Futura", "Century Gothic", "Yu Gothic Medium", sans-serif;

  --ease-base: cubic-bezier(0.25, 0.1, 0.25, 1);

  --duration-base: 1s;

  --duration-blur: 1.4s;

}

/* ▲ -----------カスタムプロパティ---------- ▲ */



/* ▼ -----------LPスコープ リセット---------- ▼ */

#em260812UU * {

  box-sizing: border-box;

  font: inherit;

  letter-spacing: inherit;

  font-feature-settings: "palt";

}



#em260812UU img {

  display: block;

  width: 100%;

  height: auto;

  object-fit: cover;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  user-select: none;

  transition: unset;

}



#em260812UU picture {

  display: block;

}



#em260812UU a {

  display: block;

  color: inherit;

  text-decoration: none;

}



#em260812UU ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



#em260812UU h1,

#em260812UU h2,

#em260812UU h3,

#em260812UU p {

  margin: 0;

}



#em260812UU button {

  padding: 0;

  cursor: pointer;

  appearance: none;

  color: inherit;

  background-color: unset;

  border: unset;

}



@media (min-width: 768px) {

  #em260812UU .is-hidden--desktop { display: none !important; }

}



@media (max-width: 767px) {

  #em260812UU .is-hidden--mobile { display: none !important; }

}

/* ▲ -----------LPスコープ リセット---------- ▲ */



/* ▼ -----------ベーススタイル---------- ▼ */

#em260812UU {

  width: calc(var(--sp-artboard-width) * var(--formula));

  margin-inline: auto;

  padding-bottom: calc(70 * var(--formula));

  overflow: hidden;

  color: var(--color-text);

  background-color: var(--color-bg);

  font-family: var(--font-ja);

  font-weight: 500;

  line-height: 2;

  letter-spacing: 0.05em;

}

/* ▲ -----------ベーススタイル---------- ▲ */



/* ▼ -----------出現アニメーション---------- ▼ */

/* ★B: 文字が下からふわっと表示 */

#em260812UU .js-inview {

  opacity: 0;

  translate: 0 calc(30 * var(--formula));

  transition: opacity var(--duration-base) var(--ease-base),

    translate var(--duration-base) var(--ease-base),

    filter var(--duration-blur) var(--ease-base);

}



/* ★A: 画像がボケてから表示 */

#em260812UU .js-inview--blur {

  translate: 0 0;

  filter: blur(calc(14 * var(--formula)));

}



#em260812UU .js-inview.is-active {

  opacity: 1;

  translate: 0 0;

  filter: blur(0);

}



/* 表示順序（①②③④）用のディレイ */

#em260812UU .js-delay--1 { transition-delay: 0.22s; }

#em260812UU .js-delay--2 { transition-delay: 0.44s; }

#em260812UU .js-delay--3 { transition-delay: 0.66s; }



@media (prefers-reduced-motion: reduce) {

  #em260812UU .js-inview {

    opacity: 1;

    translate: 0 0;

    filter: none;

    transition: none;

  }

}

/* ▲ -----------出現アニメーション---------- ▲ */



/* ▼ -----------共通パーツ---------- ▼ */

/* 区切り線（—） */

#em260812UU .lp-divider {

  display: block;

  width: calc(40.5 * var(--formula));

  height: 1px;

  margin-inline: auto;

  background-color: #6e6e6e;

}



/* 商品クレジット（Tier1 共通部品） */

#em260812UU .lp-credit {

  position: absolute;

  color: var(--color-credit);

  font-family: var(--font-en);

  font-weight: 300;

  font-size: calc(24 * var(--formula));

  line-height: 1.77;

  letter-spacing: 0.06em;

  white-space: nowrap; /* フォント差で改行が落ちないように */

}



#em260812UU .lp-credit--right { text-align: right; }

#em260812UU .lp-credit--left { text-align: left; }



#em260812UU .lp-credit a {

  display: inline;

}

/* ▲ -----------共通パーツ---------- ▲ */



/* =====================================================

   和紙テクスチャ背景の区間（デザイン sp1 側：MV〜LOOK）

   デザインは 1139x1519 の写真を 665.4px 間隔で重ねている＝見えるのは上部 665.4px 分。

   REASON 以降（デザイン sp2 側）はテクスチャ無しのフラット #e3e3e3。

   ===================================================== */

#em260812UU .lp-washi {

  position: relative;

  padding-bottom: calc(426 * var(--formula)); /* sp1 アートボード下端（LP内 10100.4）まで敷く */

  background-image: url("../img/bg-washi.png?v2");

  background-repeat: no-repeat;

  background-position: top;

  background-size: cover;

  /* height: calc(9011.34* var(--formula)); */

}



/* テクスチャ区間の終わりはデザイン同様に背景色へなじませる */

#em260812UU .lp-washi::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: calc(560 * var(--formula));

  background-image: linear-gradient(to bottom, rgba(227, 227, 227, 0) 0%, var(--color-bg) 68%);

  pointer-events: none;

}



/* =====================================================

   MV

   ===================================================== */

#em260812UU .lp-mv {

  position: relative;

  /* height: calc(1218.5 * var(--formula)); */

  /* background-image: url("../img/mv-bg.jpg"); */

  /* background-repeat: no-repeat; */

  /* background-position: calc(-84.5 * var(--formula)) 0; */

  /* background-size: calc(913.9 * var(--formula)) auto; */

}



#em260812UU .lp-mv__title {

  position: absolute;

  top: calc(70 * var(--formula));

  left: 0;

  width: 100%;

  color: var(--color-title);

  font-family: var(--font-en);

  font-weight: 300;

  font-size: calc(50 * var(--formula));

  line-height: 1.1;

  letter-spacing: 0.224em;

  text-align: center;

}



#em260812UU .lp-mv__visual {

  /* position: absolute; */

  /* top: calc(167.8 * var(--formula)); */

  /* left: calc(29.8 * var(--formula)); */

  /* width: calc(690.4 * var(--formula)); */

  width: 100%;

  background-color: #fff;

}



/* =====================================================

   リード文

   ===================================================== */

#em260812UU .lp-lead {

  width: calc(690 * var(--formula));

  margin: 0 auto;

  font-size: calc(24 * var(--formula));

  line-height: 2;

  letter-spacing: 0.09em;

  text-align: center;

  padding-top: calc(88 * var(--formula));

}



/* =====================================================

   LOOK（WHITE / LIME / PINK / BLACK）

   ===================================================== */

#em260812UU .lp-look {

  position: relative;

}



#em260812UU .lp-look__photo,

#em260812UU .lp-look__pair {

  position: absolute;

  /* background-color: #fff; */

}

#em260812UU .lp-look__photo {

  background-color: #fff;

}



/* カラーラベル（写真の上に重なる位置にあるため常に前面） */

#em260812UU .lp-look__label {

  position: absolute;

  z-index: 3;

  color: var(--color-text);

  font-family: var(--font-en);

  font-weight: 300;

  font-size: calc(40 * var(--formula));

  line-height: 1.1;

  letter-spacing: 0.15em;

  text-align: center;

  white-space: nowrap;

}



#em260812UU .lp-look__label::after {

  content: "";

  display: block;

  width: calc(41.5 * var(--formula));

  height: 1px;

  margin: calc(20 * var(--formula)) 0 0 auto;

  background-color: #6e6e6e;

}



/* --- WHITE --- */

#em260812UU .lp-look--white {

  height: calc(1629.1 * var(--formula));

  margin-top: calc(170.9 * var(--formula));

}

#em260812UU .lp-look--white .lp-look__photo--01 {

  top: 0;

  left: calc(50 * var(--formula));

  width: calc(540 * var(--formula));

}

#em260812UU .lp-look--white .lp-look__label {

  top: calc(95.1 * var(--formula));

  left: calc(567 * var(--formula));

  width: calc(133 * var(--formula));

}

#em260812UU .lp-look--white .lp-look__photo--02 {

  top: calc(780 * var(--formula));

  left: calc(160 * var(--formula));

  width: calc(540 * var(--formula));

}

#em260812UU .lp-look--white .lp-credit {

  top: calc(1550.9 * var(--formula));

  right: calc(50 * var(--formula));

}



/* --- LIME --- */

#em260812UU .lp-look--lime {

  height: calc(1843 * var(--formula));

  margin-top: calc(200 * var(--formula));

}

#em260812UU .lp-look--lime .lp-look__label {

  top: 0;

  left: calc(584 * var(--formula));

  width: calc(94 * var(--formula));

}

#em260812UU .lp-look--lime .lp-look__photo--01 {

  top: calc(25.6 * var(--formula));

  left: calc(50 * var(--formula));

  width: calc(650 * var(--formula));

}

#em260812UU .lp-look--lime .lp-look__photo--02 {

  top: calc(952.3 * var(--formula));

  left: calc(160 * var(--formula));

  width: calc(540 * var(--formula));

}

#em260812UU .lp-look--lime .lp-credit {

  top: calc(1722.8 * var(--formula));

  right: calc(50 * var(--formula));

}



/* --- PINK --- */

#em260812UU .lp-look--pink {

  height: calc(1903.1 * var(--formula));

  margin-top: calc(198.9 * var(--formula));

}

#em260812UU .lp-look--pink .lp-look__photo--01 {

  top: 0;

  left: 0;

  width: calc(650 * var(--formula));

}

#em260812UU .lp-look--pink .lp-look__label {

  top: calc(165 * var(--formula));

  left: calc(601 * var(--formula));

  width: calc(97 * var(--formula));

}

#em260812UU .lp-look--pink .lp-look__photo--02 {

  top: calc(926.6 * var(--formula));

  left: calc(50 * var(--formula));

  width: calc(530 * var(--formula));

  z-index: 1;

}

#em260812UU .lp-look--pink .lp-look__photo--03 {

  top: calc(1609.7 * var(--formula));

  left: calc(370.9 * var(--formula));

  width: calc(329.1 * var(--formula));

  z-index: 2;

}

#em260812UU .lp-look--pink .lp-credit {

  top: calc(1782.9 * var(--formula));

  left: calc(81 * var(--formula));

}



/* --- BLACK --- */

#em260812UU .lp-look--black {

  height: calc(1582.6 * var(--formula));

  margin-top: calc(345.4 * var(--formula));

}

#em260812UU .lp-look--black .lp-look__label {

  top: calc(-2 * var(--formula));

  left: calc(569 * var(--formula));

  width: calc(129 * var(--formula));

}

#em260812UU .lp-look--black .lp-look__pair {

  top: calc(26.4 * var(--formula));

  left: 0;

  display: flex;

  width: 100%;

}

#em260812UU .lp-look--black .lp-look__pair .lp-look__photo {

  position: static;

  width: calc(375 * var(--formula));

  background-color: #fff;

}

#em260812UU .lp-look--black .lp-look__photo--03 {

  top: calc(586.4 * var(--formula));

  left: calc(50 * var(--formula));

  width: calc(650 * var(--formula));

}

#em260812UU .lp-look--black .lp-credit {

  top: calc(1504.4 * var(--formula));

  right: calc(47 * var(--formula));

  z-index: 10;

}



/* =====================================================

   REASON（4つの理由）

   ===================================================== */

#em260812UU .lp-reason {

  position: relative;

  height: calc(6635 * var(--formula));

  margin-top: calc(60 * var(--formula));

}



/* --- 導入見出し --- */

#em260812UU .lp-reason__head-en {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  font-family: var(--font-en);

  font-weight: 300;

  font-size: calc(30 * var(--formula));

  line-height: 1.1;

  letter-spacing: 0.126em;

  text-align: center;

}



#em260812UU .lp-reason__head .lp-divider {

  position: absolute;

  top: calc(79.7 * var(--formula));

  left: calc(355 * var(--formula));

}



#em260812UU .lp-reason__head-ja {

  position: absolute;

  top: calc(120.25 * var(--formula));

  left: 0;

  width: 100%;

  font-family:  futura-pt,"futura-pt", "Futura",  "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", yu-gothic-pr6n,"Open Sans", "メイリオ", sans-serif;;

  font-weight: 400;

  font-size: calc(29 * var(--formula));

  line-height: 2.224;

  letter-spacing: 0.12em;

  text-align: center;

  -webkit-font-smoothing: subpixel-antialiased;

}



/* --- 各理由の共通パーツ --- */

#em260812UU .lp-reason__photo,

#em260812UU .lp-scene {

  position: absolute;

  left: calc(60 * var(--formula));

  width: calc(630 * var(--formula));

}



#em260812UU .lp-reason__num {

  position: absolute;

  top: calc(731.4 * var(--formula));

  left: calc(18.7 * var(--formula));

  display: grid;

  place-items: center;

  width: calc(135.2 * var(--formula));

  height: calc(135.2 * var(--formula));

  border: 1px solid rgba(255, 255, 255, 0.9);

  border-radius: 50%;

  color: #fff;

  font-family: var(--font-en);

  font-weight: 300;

  font-style: italic;

  font-size: calc(48.9 * var(--formula));

  line-height: 1;

  letter-spacing: 0.06em;

}



#em260812UU .lp-reason__title {

  position: absolute;

  left: 0;

  width: 100%;

  font-weight: 400;

  font-size: calc(27 * var(--formula));

  line-height: 1;

  letter-spacing: 0.11em;

  text-align: center;

  -webkit-font-smoothing: subpixel-antialiased;

}



#em260812UU .lp-reason__title span {

  display: table;

  margin-inline: auto;

  /* padding-inline: calc(3 * var(--formula)); */

  background-color: #fff;

  line-height: 1; /* 白プレートの高さ 26.7px（実測） */

}



#em260812UU .lp-reason__title span + span {

  margin-top: calc(24.3 * var(--formula)); /* 行ピッチ 51.0px */

}



#em260812UU .lp-reason__item > .lp-divider {

  position: absolute;

  left: calc(355 * var(--formula));

}



#em260812UU .lp-reason__text {

  position: absolute;

  left: 0;

  width: 100%;

  font-size: calc(24 * var(--formula));

  line-height: 2;

  letter-spacing: 0.1em;

  text-align: center;

}



/* --- REASON 01 --- */

#em260812UU .lp-reason__item--01 .lp-reason__photo { top: calc(307.7 * var(--formula)); }

#em260812UU .lp-reason__item--01 .lp-reason__title {top: calc(1206 * var(--formula));}

#em260812UU .lp-reason__item--01 > .lp-divider {top: calc(1348 * var(--formula));}

#em260812UU .lp-reason__item--01 .lp-reason__text { top: calc(1397 * var(--formula)); }



/* POINT（和紙混生地のうれしいPOINT） */

#em260812UU .lp-point__title {

  position: absolute;

  top: calc(1740 * var(--formula));

  left: 0;

  width: 100%;

  font-weight: 400;

  font-size: calc(24 * var(--formula));

  line-height: 1.5;

  letter-spacing: 0.11em;

  text-align: center;

  left: calc(2 * var(--formula));

  -webkit-font-smoothing: subpixel-antialiased;

}



#em260812UU .lp-point__title::before,

#em260812UU .lp-point__title::after {

  content: "";

  position: absolute;

  top: calc(2 * var(--formula));

  width: calc(6 * var(--formula));

  height: calc(32 * var(--formula));

  background-color: rgba(255, 255, 255, 0.7);

}

#em260812UU .lp-point__title::before { left: calc(158.5 * var(--formula)); }

#em260812UU .lp-point__title::after {right: calc(161.5 * var(--formula));}



#em260812UU .lp-point__list {

  position: absolute;

  top: calc(1795.7 * var(--formula));

  left: calc(15 * var(--formula));

  display: flex;

  width: calc(720 * var(--formula));

}



#em260812UU .lp-point__item {

  display: grid;

  place-items: center;

  width: calc(180 * var(--formula));

  height: calc(180 * var(--formula));

  border-radius: 50%;

  background-color: #f1f1f1;

  font-size: calc(20 * var(--formula));

  line-height: 1.4175;

  letter-spacing: 0.04em;

  text-align: center;

}

#em260812UU .lp-point__item span {position: relative;top: 2px;}



/* --- REASON 02 --- */

#em260812UU .lp-reason__item--02 .lp-reason__photo { top: calc(2175.7 * var(--formula)); }

#em260812UU .lp-reason__item--02 .lp-reason__title {top: calc(3074 * var(--formula));}

#em260812UU .lp-reason__item--02 > .lp-divider {top: calc(3216 * var(--formula));}

#em260812UU .lp-reason__item--02 .lp-reason__text { top: calc(3265 * var(--formula)); }



/* 画像上のカラーラベル */

#em260812UU .lp-colorlabel {

  position: absolute;

  color: #fff;

  font-family: var(--font-en);

  font-weight: 300;

  font-size: calc(21 * var(--formula));

  line-height: 1.1;

  letter-spacing: 0.12em;

  text-align: center;

  white-space: nowrap;

}



#em260812UU .lp-colorlabel::after {

  content: "";

  position: absolute;

  top: calc(29 * var(--formula));

  left: calc(29.4 * var(--formula));

  width: calc(18.2 * var(--formula));

  height: 1px;

  background-color: rgba(255, 255, 255, 0.9);

  transform: rotate(62deg);

  transform-origin: left center;

}

#em260812UU .lp-colorlabel.lp-colorlabel--white::after {

  left: calc(38 * var(--formula));

}

#em260812UU .lp-colorlabel.lp-colorlabel--pink::after {

  

}

#em260812UU .lp-colorlabel.lp-colorlabel--lime::after {

  transform: rotate(127deg);

}

#em260812UU .lp-colorlabel.lp-colorlabel--black::after {

  transform: rotate(115deg);

  left: calc(35 * var(--formula));

}



#em260812UU .lp-colorlabel--white { top: calc(135.8 * var(--formula)); left: calc(25 * var(--formula)); width: calc(70 * var(--formula)); }

#em260812UU .lp-colorlabel--pink  { top: calc(92 * var(--formula));    left: calc(205.1 * var(--formula)); width: calc(51 * var(--formula)); }

#em260812UU .lp-colorlabel--lime  { top: calc(68.4 * var(--formula));  left: calc(383.3 * var(--formula)); width: calc(49 * var(--formula)); }

#em260812UU .lp-colorlabel--black { top: calc(126.3 * var(--formula)); left: calc(520.9 * var(--formula)); width: calc(68 * var(--formula)); }



/* --- REASON 03（シーン別 4枚グリッド） --- */

#em260812UU .lp-scene {

  top: calc(3647.7 * var(--formula));

  display: flex;

  flex-wrap: wrap;

  overflow: visible;

}



#em260812UU .lp-scene__item {

  position: relative;

  width: calc(315 * var(--formula));

}



#em260812UU .lp-scene__label {

  position: absolute;

  color: var(--color-text);

  font-family: var(--font-en);

  font-weight: 300;

  font-size: calc(26 * var(--formula));

  line-height: 1.1;

  letter-spacing: 0.12em;

  white-space: nowrap;

}

#em260812UU .lp-scene__label.item02 {

  margin-top: calc(-8 * var(--formula));

}



#em260812UU .lp-scene__label::after {

  content: "";

  display: block;

  width: calc(30.5 * var(--formula));

  height: 1px;

  margin: calc(16.05 * var(--formula)) 0 0;

  background-color: #6e6e6e;

}



/* 右側のラベル（CLEAN / CASUAL）は罫線も右揃え */

#em260812UU .lp-scene__item--clean .lp-scene__label::after,

#em260812UU .lp-scene__item--casual .lp-scene__label::after {

  margin-left: auto;

}



#em260812UU .lp-scene__item--home .lp-scene__label,

#em260812UU .lp-scene__item--city .lp-scene__label {

  top: calc(56.5 * var(--formula));

  left: calc(-35.5 * var(--formula));

}



#em260812UU .lp-scene__item--clean .lp-scene__label {

  top: calc(56.5 * var(--formula));

  left: calc(262.9 * var(--formula));

}



#em260812UU .lp-scene__item--casual .lp-scene__label {

  top: calc(56.5 * var(--formula));

  left: calc(246.7 * var(--formula));

}



#em260812UU .lp-scene .lp-reason__num {

  top: calc(731.4 * var(--formula));

  left: calc(18.7 * var(--formula));

}



#em260812UU .lp-reason__item--03 .lp-reason__title {top: calc(4546 * var(--formula));}

#em260812UU .lp-reason__item--03 > .lp-divider {top: calc(4688 * var(--formula));}

#em260812UU .lp-reason__item--03 .lp-reason__text { top: calc(4737 * var(--formula)); }



/* --- REASON 04（ディテール） --- */

#em260812UU .lp-reason__item--04 .lp-reason__photo { top: calc(5215.7 * var(--formula)); }

#em260812UU .lp-reason__item--04 .lp-reason__title {top: calc(6114 * var(--formula));}

#em260812UU .lp-reason__item--04 > .lp-divider {top: calc(6308 * var(--formula));}

#em260812UU .lp-reason__item--04 .lp-reason__text { top: calc(6356 * var(--formula)); }



#em260812UU .lp-detail {

  position: absolute;

  padding: calc(18 * var(--formula)) calc(20 * var(--formula));

  /* outline: 1px solid rgba(255, 255, 255, 0.5);

  outline-offset: calc(2.5 * var(--formula)); */

  background-color: rgba(255, 255, 255, 0.302);

  font-size: calc(20 * var(--formula));

  line-height: 1.35;

  letter-spacing: 0.1em;

  text-align: center;

}



#em260812UU .lp-detail::before {

    content: "";

    position: absolute;

    /* top と left だけを基準点として指定 */

    top: calc(0 * var(--formula));

    left: calc(0* var(

    --formula));

    

    /* 幅と高さを 100% + (オフセットの2倍) で明示的に計算する */

    /* 2.5 * 2 = 5 */

    width: calc(100% + (4 * var(

    --formula)));

    height: calc(100% + (4 * var(

    --formula)));

    

    /* box-sizing を指定して border を width/height に含める */

    box-sizing: border-box;

    

    /* 右と下だけに線を引く */

    border-right: 1px solid rgba(255, 255, 255, 0.5);

    border-bottom: 1px solid rgba(255, 255, 255, 0.5);

    pointer-events: none;

}





#em260812UU .lp-reason__item--04 .lp-reason__title span:last-of-type {

  margin-top: calc(23 * var(--formula));

}



/* 引き出し線 */

#em260812UU .lp-detail::after {

  content: "";

  position: absolute;

  height: 1px;

  background-color: rgba(255, 255, 255, 0.5);

  transform-origin: left center;

}



#em260812UU .lp-detail--01 {

  top: calc(227.3 * var(--formula));

  left: calc(-32.2 * var(--formula));

  width: calc(221.4 * var(--formula));

}

#em260812UU .lp-detail--01::after {

  top: calc(-1 * var(--formula));

  left: 101%;

  width: calc(87.6 * var(--formula));

  transform: rotate(-39.3deg);

}



#em260812UU .lp-detail--02 {

  top: calc(499.5 * var(--formula));

  left: calc(41.1 * var(--formula));

  width: calc(221.8 * var(--formula));

}

#em260812UU .lp-detail--02::after {

  top: 103%;

  left: calc(111.9 * var(--formula)); /* プレート下辺の中央寄りから右下へ */

  width: calc(49.7 * var(--formula));

  transform: rotate(45deg);

}



#em260812UU .lp-detail--03 {

  top: calc(636 * var(--formula));

  left: calc(425.5 * var(--formula));

  width: calc(224.2 * var(--formula));

}

#em260812UU .lp-detail--03::after {

  top: 0;

  left: calc(113.5 * var(--formula)); /* プレート上辺から左上へ */

  width: calc(67.2 * var(--formula));

  transform: rotate(-121.4deg);

}



/* =====================================================

   staff coordinate

   ===================================================== */

#em260812UU .lp-staff {

  position: relative;

  height: calc(882 * var(--formula));

  margin-top: calc(200 * var(--formula));

}



#em260812UU .lp-staff__title {

  position: absolute;

  top: 0;

  left: calc(3 * var(--formula));

  width: 100%;

  font-family: var(--font-en);

  font-weight: 300;

  font-size: calc(40 * var(--formula));

  line-height: 1.1;

  letter-spacing: 0.13em;

  text-align: center;

}



#em260812UU .lp-staff > .lp-divider {

  position: absolute;

  top: calc(62 * var(--formula));

  left: calc(355 * var(--formula));

}



#em260812UU .lp-staff__credit {

  position: absolute;

  top: calc(633.5 * var(--formula));

  left: 0;

  width: 100%;

  color: var(--color-credit);

  font-family: var(--font-en);

  font-weight: 300;

  font-size: calc(24 * var(--formula));

  line-height: 1.79;

  letter-spacing: 0.074em;

  text-align: center;

}



/* スライダー（自動横スライド） */

#em260812UU .lp-slider {

  position: absolute;

  top: calc(91.9 * var(--formula));

  left: 0;

  width: 100%;

}



#em260812UU .lp-slider .swiper-wrapper {

  transition-timing-function: linear;

}



#em260812UU .lp-slider .swiper-slide {

  width: calc(262.5 * var(--formula));

  height: auto;

}



/* =====================================================

   CTA

   ===================================================== */

#em260812UU .lp-cta {

  margin-top: calc(121.5 * var(--formula));

}



#em260812UU .lp-cta__button {

  display: flex;

  align-items: center;

  justify-content: center;

  width: calc(540 * var(--formula));

  height: calc(80 * var(--formula));

  margin-inline: auto;

  background-color: #f0f0f0;

  color: var(--color-credit);

  font-size: calc(22 * var(--formula));

  line-height: 1.5;

  letter-spacing: 0.08em;

}



#em260812UU .lp-cta__button::after {

  content: "";

  flex: none;

  width: calc(9 * var(--formula));

  height: calc(9 * var(--formula));

  margin-left: calc(11 * var(--formula));

  border-top: 1px solid var(--color-credit);

  border-right: 1px solid var(--color-credit);

  transform: rotate(45deg);

}



@media (min-width: 768px) {

  #em260812UU .lp-look--white .lp-look__label {

    width: unset;

  }

  #em260812UU .lp-look--lime .lp-look__label {

    width: unset;

  }

  #em260812UU .lp-look--pink .lp-look__label {

    width: unset;

  }

  #em260812UU .lp-look--black .lp-look__label {

    width: unset;

    top: calc(0 * var(--formula));

  }

  #em260812UU .lp-colorlabel--white {

    width: unset;

  }

  #em260812UU .lp-colorlabel--pink {

    width: unset;

  }

  #em260812UU .lp-colorlabel--lime {

    width: unset;

  }

  #em260812UU .lp-colorlabel--black {

    width: unset;

  }



  #em260812UU .lp-look--white .lp-look__label::after {

      margin-right: calc(10 * var(--formula));

  }

  #em260812UU .lp-look--lime .lp-look__label::after {

      margin-right: calc(10 * var(--formula));

  }

  #em260812UU .lp-look--pink .lp-look__label::after {

      margin-right: calc(10 * var(--formula));

      margin-top: calc(22 * var(--formula));

  }

  #em260812UU .lp-look--black .lp-look__label::after {

      margin-right: calc(10 * var(--formula));

      margin-top: calc(20 * var(--formula));

  }



}