.elementor-1565 .elementor-element.elementor-element-178c030{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-f2bcd4a *//* =========================================================
   LEONOIR PRICE
========================================================= */

.leoPricePage{
  --price-black:#101010;
  --price-red:#741b2b;
  --price-red-dark:#4e111c;
  --price-ivory:#f4f1eb;
  --price-white:#fbfaf7;
  --price-text:#171717;
  --price-muted:#716c67;
  --price-line:rgba(17,17,17,.11);
  --price-serif:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  --price-sans:"Helvetica Neue","Noto Sans JP","Yu Gothic","YuGothic",sans-serif;
  --price-ease:cubic-bezier(.22,1,.36,1);

  overflow:hidden;
  background:var(--price-white);
  color:var(--price-text);
  font-family:var(--price-sans);
}

.leoPricePage *,
.leoPricePage *::before,
.leoPricePage *::after{
  box-sizing:border-box;
}

.leoPricePage a{
  text-decoration:none;
}

.leoPriceContainer{
  width:min(1240px,calc(100% - 120px));
  margin-inline:auto;
}


/* =========================================================
   COMMON
========================================================= */

.leoPriceSection{
  padding:145px 0 155px;
}

.leoPriceSection--white{
  background:var(--price-white);
}

.leoPriceSection--ivory{
  background:var(--price-ivory);
}

.leoPriceSection--dark{
  background:var(--price-black);
  color:#f7f4ed;
}

.leoPriceSection--system{
  background:#ece7df;
}

.leoPriceSectionHead{
  display:flex;
  align-items:flex-start;
  gap:25px;
}

.leoPriceSectionHead > p{
  width:52px;
  margin:1px 0 0;

  color:var(--price-red);

  font-family:Georgia,serif;
  font-size:10px;
  letter-spacing:.1em;
}

.leoPriceSectionHead > div{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.leoPriceSectionHead span{
  color:#6c6761;

  font-size:9px;
  font-weight:600;
  letter-spacing:.17em;
}

.leoPriceSectionHead small{
  color:#a29c95;

  font-family:var(--price-serif);
  font-size:11px;
}

.leoPriceSectionHead--light > p{
  color:#d196a3;
}

.leoPriceSectionHead--light span{
  color:#bdb6ae;
}

.leoPriceSectionHead--light small{
  color:#77716b;
}

.leoPriceSectionIntro{
  margin-top:74px;
  margin-bottom:70px;

  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.65fr);
  gap:80px;
  align-items:end;
}

.leoPriceHeading{
  margin:0;

  font-family:var(--price-serif);
  font-size:clamp(34px,3.4vw,52px);
  font-weight:500;
  line-height:1.6;
  letter-spacing:.035em;

  word-break:keep-all;
}

.leoPriceHeading em{
  color:var(--price-red);
  font-style:normal;
}

.leoPriceHeading--light{
  color:#f7f4ed;
}

.leoPriceHeading--light em{
  color:#d4a0ab;
}

.leoPriceSectionIntro__text{
  max-width:440px;
  margin:0;

  color:#6b6660;

  font-family:var(--price-serif);
  font-size:13px;
  line-height:2.05;
}

.leoPriceSectionIntro--light .leoPriceSectionIntro__text{
  color:#aaa39b;
}


/* =========================================================
   FV
========================================================= */

.leoPriceFv{
  position:relative;

  padding:160px 0 0;

  background:var(--price-ivory);
}

.leoPriceFv__line{
  position:absolute;
  top:0;
  bottom:0;
  left:calc((100% - min(1240px,calc(100% - 120px))) / 2 + 78px);

  width:1px;

  background:rgba(17,17,17,.06);
}

.leoPriceFv__inner{
  min-height:510px;
  padding:70px 0 90px 118px;

  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:80px;
  align-items:end;
}

.leoPriceFv__label{
  margin:0 0 35px;

  color:var(--price-red);

  font-size:9px;
  font-weight:700;
  letter-spacing:.2em;
}

.leoPriceFv__title{
  max-width:850px;
  margin:0;

  font-family:var(--price-serif);
  font-size:clamp(42px,5vw,72px);
  font-weight:500;
  line-height:1.48;
  letter-spacing:.02em;

  word-break:keep-all;
}

.leoPriceFv__title em{
  color:var(--price-red);
  font-style:normal;
}

.leoPriceFv__right{
  padding-bottom:9px;
}

.leoPriceFv__en{
  margin:0 0 30px;

  font-family:var(--price-serif);
  font-size:26px;
  line-height:1.45;
  letter-spacing:.08em;
}

.leoPriceFv__lead{
  margin:0;
  padding-top:25px;

  border-top:1px solid rgba(17,17,17,.13);

  color:#68635e;

  font-size:12px;
  line-height:2;
}

.leoPriceFv__bottom{
  height:70px;
  padding:0 60px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;

  background:var(--price-black);
  color:#c9c2ba;
}

.leoPriceFv__bottom p{
  margin:0;

  font-size:8px;
  letter-spacing:.17em;
}

.leoPriceFv__bottom i{
  width:26px;
  height:1px;

  background:rgba(255,255,255,.18);
}


/* =========================================================
   INTRO
========================================================= */

.leoPriceIntro{
  padding:145px 0 150px;

  background:var(--price-white);
}

.leoPriceIntro__grid{
  margin-top:76px;

  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);
  gap:80px;
}

.leoPriceIntro__text{
  color:#625d58;

  font-family:var(--price-serif);
  font-size:14px;
  line-height:2.15;
}

.leoPriceIntro__text p{
  margin:0 0 25px;
}

.leoPriceIntro__text p:last-child{
  margin-bottom:0;
}

.leoPriceIntro__text strong{
  color:var(--price-red);
}

.leoPriceNotice{
  margin-top:75px;
  padding:34px 0;

  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  gap:45px;

  border-top:1px solid rgba(17,17,17,.18);
  border-bottom:1px solid rgba(17,17,17,.10);
}

.leoPriceNotice > span{
  padding-top:4px;

  color:var(--price-red);

  font-size:9px;
  font-weight:700;
  letter-spacing:.17em;
}

.leoPriceNotice strong{
  display:block;
  margin-bottom:11px;

  font-family:var(--price-serif);
  font-size:18px;
  font-weight:500;
}

.leoPriceNotice p{
  margin:0;

  color:#716b65;

  font-size:11px;
  line-height:1.9;
}


/* =========================================================
   WEB PLANS
========================================================= */

.leoPricePlans{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));

  border-top:1px solid rgba(17,17,17,.17);
}

.leoPricePlan{
  position:relative;

  padding:48px 45px 52px;

  border-bottom:1px solid rgba(17,17,17,.12);
}

.leoPricePlan:nth-child(odd){
  border-right:1px solid rgba(17,17,17,.12);
}

.leoPricePlan--main{
  background:#f0ece6;
}

.leoPricePlan__tag{
  position:absolute;
  top:0;
  right:0;

  padding:8px 13px;

  background:var(--price-red);
  color:#fff;

  font-size:7px;
  font-weight:700;
  letter-spacing:.17em;
}

.leoPricePlan__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:30px;
}

.leoPricePlan__top span{
  display:block;
  margin-bottom:9px;

  color:#99928b;

  font-size:8px;
  font-weight:600;
  letter-spacing:.15em;
}

.leoPricePlan__top h3{
  margin:0;

  font-family:var(--price-serif);
  font-size:24px;
  font-weight:500;
}

.leoPricePlan__top > p{
  flex-shrink:0;
  margin:0;

  display:flex;
  align-items:baseline;
  gap:4px;

  color:var(--price-red);
}

.leoPricePlan__top strong{
  font-family:Georgia,serif;
  font-size:48px;
  font-weight:400;
}

.leoPricePlan__top small{
  font-family:var(--price-serif);
  font-size:12px;
}

.leoPricePlan__lead{
  min-height:52px;
  margin:31px 0;

  color:#69645f;

  font-family:var(--price-serif);
  font-size:12px;
  line-height:1.9;
}

.leoPricePlan__included{
  padding-top:24px;

  border-top:1px solid rgba(17,17,17,.10);
}

.leoPricePlan__included > span{
  display:block;
  margin-bottom:17px;

  color:#938d87;

  font-size:8px;
  font-weight:600;
  letter-spacing:.12em;
}

.leoPricePlan__included ul{
  margin:0;
  padding:0;

  list-style:none;
}

.leoPricePlan__included li{
  position:relative;

  padding:8px 0 8px 19px;

  color:#514d49;

  font-size:11px;
  line-height:1.65;
}

.leoPricePlan__included li::before{
  content:"";

  position:absolute;
  top:15px;
  left:0;

  width:6px;
  height:6px;

  background:var(--price-red);
}

.leoPriceNote{
  margin-top:48px;
  padding:27px 30px;

  display:grid;
  grid-template-columns:100px minmax(0,1fr);
  gap:25px;

  background:#f1ede7;
}

.leoPriceNote span{
  color:var(--price-red);

  font-size:8px;
  font-weight:700;
  letter-spacing:.15em;
}

.leoPriceNote p{
  margin:0;

  color:#6d6761;

  font-size:11px;
  line-height:1.85;
}


/* =========================================================
   OPTION
========================================================= */

.leoPriceOptionList{
  border-top:1px solid rgba(17,17,17,.18);
}

.leoPriceOption{
  padding:27px 0;

  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:50px;
  align-items:center;

  border-bottom:1px solid rgba(17,17,17,.10);
}

.leoPriceOption > div{
  display:grid;
  grid-template-columns:120px 260px minmax(0,1fr);
  gap:25px;
  align-items:center;
}

.leoPriceOption span{
  color:#9a948e;

  font-size:8px;
  font-weight:600;
  letter-spacing:.14em;
}

.leoPriceOption h3{
  margin:0;

  font-family:var(--price-serif);
  font-size:18px;
  font-weight:500;
}

.leoPriceOption p{
  margin:0;

  color:#746e68;

  font-size:11px;
  line-height:1.75;
}

.leoPriceOption > strong{
  text-align:right;

  color:var(--price-red);

  font-family:var(--price-serif);
  font-size:15px;
  font-weight:500;
}

.leoPriceOptionCaption{
  margin:28px 0 0;

  color:#817b75;

  font-size:10px;
  line-height:1.8;
}


/* =========================================================
   SEO DARK
========================================================= */

.leoPriceDarkPlans{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));

  border-top:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.16);
}

.leoPriceDarkPlan{
  padding:50px 45px 55px;
}

.leoPriceDarkPlan:first-child{
  border-right:1px solid rgba(255,255,255,.14);
}

.leoPriceDarkPlan > span{
  display:block;
  margin-bottom:15px;

  color:#cb929f;

  font-size:8px;
  font-weight:700;
  letter-spacing:.16em;
}

.leoPriceDarkPlan h3{
  margin:0;

  color:#f8f5ef;

  font-family:var(--price-serif);
  font-size:27px;
  font-weight:500;
}

.leoPriceDarkPlan__price{
  margin:34px 0 28px !important;

  color:#d9a4af !important;

  font-family:var(--price-serif);
}

.leoPriceDarkPlan__price strong{
  margin-right:3px;

  font-family:Georgia,serif;
  font-size:51px;
  font-weight:400;
}

.leoPriceDarkPlan > p:not(.leoPriceDarkPlan__price){
  max-width:480px;
  margin:0;

  color:#aaa39b;

  font-size:12px;
  line-height:1.9;
}

.leoPriceDarkPlan ul{
  margin:27px 0 0;
  padding:22px 0 0;

  border-top:1px solid rgba(255,255,255,.11);

  list-style:none;
}

.leoPriceDarkPlan li{
  position:relative;

  padding:8px 0 8px 18px;

  color:#d4cec6;

  font-size:11px;
}

.leoPriceDarkPlan li::before{
  content:"";

  position:absolute;
  top:14px;
  left:0;

  width:5px;
  height:5px;

  background:#b87887;
}

.leoPriceDarkNote{
  margin-top:42px;

  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:35px;
}

.leoPriceDarkNote span{
  color:#c78c99;

  font-size:8px;
  font-weight:700;
  letter-spacing:.15em;
}

.leoPriceDarkNote p{
  max-width:750px;
  margin:0;

  color:#928b84;

  font-size:10px;
  line-height:1.9;
}


/* =========================================================
   CREATIVE
========================================================= */

.leoPriceCreative{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));

  border-top:1px solid rgba(17,17,17,.17);
}

.leoPriceCreative__item{
  min-height:320px;
  padding:38px 30px;

  display:flex;
  flex-direction:column;

  border-right:1px solid rgba(17,17,17,.10);
  border-bottom:1px solid rgba(17,17,17,.10);
}

.leoPriceCreative__item:last-child{
  border-right:0;
}

.leoPriceCreative__item > span{
  color:#99928b;

  font-size:8px;
  font-weight:600;
  letter-spacing:.15em;
}

.leoPriceCreative__item h3{
  margin:21px 0 18px;

  font-family:var(--price-serif);
  font-size:21px;
  font-weight:500;
  line-height:1.55;
}

.leoPriceCreative__item p{
  margin:0;

  color:#716b65;

  font-size:11px;
  line-height:1.85;
}

.leoPriceCreative__item strong{
  margin-top:auto;
  padding-top:30px;

  color:var(--price-red);

  font-family:var(--price-serif);
  font-size:16px;
  font-weight:500;
}


/* =========================================================
   SYSTEM
========================================================= */

.leoPriceSystemPlans{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));

  border-top:1px solid rgba(17,17,17,.17);
  border-bottom:1px solid rgba(17,17,17,.17);
}

.leoPriceSystemPlan{
  min-height:350px;
  padding:45px 35px;

  border-right:1px solid rgba(17,17,17,.11);
}

.leoPriceSystemPlan:last-child{
  border-right:0;
}

.leoPriceSystemPlan--main{
  background:var(--price-red);
  color:#fff;
}

.leoPriceSystemPlan > span{
  color:#8d8780;

  font-size:8px;
  font-weight:700;
  letter-spacing:.16em;
}

.leoPriceSystemPlan--main > span{
  color:#e4bdc5;
}

.leoPriceSystemPlan h3{
  margin:23px 0 0;

  font-family:var(--price-serif);
  font-size:23px;
  font-weight:500;
}

.leoPriceSystemPlan__price{
  margin:38px 0 25px;

  display:flex;
  align-items:baseline;
  gap:5px;

  color:var(--price-red);
}

.leoPriceSystemPlan--main .leoPriceSystemPlan__price{
  color:#fff;
}

.leoPriceSystemPlan__price strong{
  font-family:Georgia,serif;
  font-size:51px;
  font-weight:400;
}

.leoPriceSystemPlan__price small{
  font-family:var(--price-serif);
  font-size:12px;
}

.leoPriceSystemPlan > p:last-child{
  margin:0;

  color:#69635d;

  font-size:11px;
  line-height:1.9;
}

.leoPriceSystemPlan--main > p:last-child{
  color:#eadde0;
}

.leoPriceSystemBottom{
  margin-top:50px;
  padding:37px 0 0;

  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:70px;
  align-items:end;

  border-top:1px solid rgba(17,17,17,.10);
}

.leoPriceSystemBottom > div > span{
  color:var(--price-red);

  font-size:8px;
  font-weight:700;
  letter-spacing:.16em;
}

.leoPriceSystemBottom h3{
  margin:12px 0 11px;

  font-family:var(--price-serif);
  font-size:22px;
  font-weight:500;
}

.leoPriceSystemBottom p{
  max-width:650px;
  margin:0;

  color:#706a64;

  font-size:11px;
  line-height:1.85;
}

.leoPriceSystemBottom > a,
.leoPriceSystemBottom > a:visited{
  min-height:88px;
  padding:0 25px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  background:var(--price-black);

  color:#fff !important;

  transition:background .35s ease;
}

.leoPriceSystemBottom > a:hover{
  background:var(--price-red);
}

.leoPriceSystemBottom > a span{
  display:flex;
  flex-direction:column;
  gap:6px;

  font-family:var(--price-serif);
  font-size:14px;
}

.leoPriceSystemBottom > a small{
  color:#bcb4ac;

  font-family:var(--price-sans);
  font-size:7px;
  letter-spacing:.16em;
}

.leoPriceSystemBottom > a b{
  font-size:18px;
  font-weight:400;
}


/* =========================================================
   SUPPORT
========================================================= */

.leoPriceSupport{
  padding:145px 0 155px;

  background:var(--price-red);
  color:#fff;
}

.leoPriceSupport .leoPriceSectionHead > p{
  color:#efc7cf;
}

.leoPriceSupport .leoPriceSectionHead span{
  color:#ebc2ca;
}

.leoPriceSupport .leoPriceSectionHead small{
  color:#c68d98;
}

.leoPriceSupport__grid{
  margin-top:75px;

  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(380px,.72fr);
  gap:95px;
}

.leoPriceSupport__label{
  margin:0 0 18px;

  color:#dfabb5;

  font-size:8px;
  font-weight:700;
  letter-spacing:.17em;
}

.leoPriceSupport__main h2{
  margin:0;

  font-family:var(--price-serif);
  font-size:clamp(34px,3.4vw,52px);
  font-weight:500;
  line-height:1.55;
}

.leoPriceSupport__main h2 em{
  color:#f1d6dc;
  font-style:normal;
}

.leoPriceSupport__price{
  margin:50px 0 32px;

  display:flex;
  align-items:baseline;
  gap:8px;
}

.leoPriceSupport__price small{
  font-family:var(--price-serif);
  font-size:13px;
}

.leoPriceSupport__price strong{
  font-family:Georgia,serif;
  font-size:64px;
  font-weight:400;
  line-height:1;
}

.leoPriceSupport__price span{
  font-family:var(--price-serif);
  font-size:15px;
}

.leoPriceSupport__description{
  max-width:580px;
  margin:0;

  color:#ead8dc;

  font-size:12px;
  line-height:2;
}

.leoPriceSupport__content{
  align-self:end;

  padding-top:30px;

  border-top:1px solid rgba(255,255,255,.25);
}

.leoPriceSupport__content > span{
  display:block;
  margin-bottom:17px;

  color:#e9bac4;

  font-size:8px;
  font-weight:700;
  letter-spacing:.15em;
}

.leoPriceSupport__content ul{
  margin:0;
  padding:0;

  list-style:none;
}

.leoPriceSupport__content li{
  position:relative;

  padding:10px 0 10px 21px;

  border-bottom:1px solid rgba(255,255,255,.10);

  color:#f7eef0;

  font-size:12px;
}

.leoPriceSupport__content li::before{
  content:"";

  position:absolute;
  left:0;
  top:17px;

  width:6px;
  height:6px;

  background:#efcad1;
}

.leoPriceSupport__content > p{
  margin:26px 0 0;

  color:#d8b8be;

  font-size:9px;
  line-height:1.8;
}


/* =========================================================
   FLOW
========================================================= */

.leoPriceFlow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));

  border-top:1px solid rgba(17,17,17,.17);
  border-bottom:1px solid rgba(17,17,17,.17);
}

.leoPriceFlow__item{
  min-height:300px;
  padding:35px 30px;

  border-right:1px solid rgba(17,17,17,.10);
}

.leoPriceFlow__item:last-child{
  border-right:0;
}

.leoPriceFlow__item > span{
  display:block;
  margin-bottom:40px;

  color:var(--price-red);

  font-family:Georgia,serif;
  font-size:11px;
}

.leoPriceFlow__item small{
  color:#9d9791;

  font-size:8px;
  font-weight:700;
  letter-spacing:.15em;
}

.leoPriceFlow__item h3{
  margin:12px 0 20px;

  font-family:var(--price-serif);
  font-size:20px;
  font-weight:500;
}

.leoPriceFlow__item p{
  margin:0;

  color:#716c66;

  font-size:11px;
  line-height:1.85;
}

.leoPriceFlowNote{
  margin-top:42px;
  padding:31px 35px;

  display:grid;
  grid-template-columns:minmax(280px,.7fr) minmax(0,1fr);
  gap:50px;

  background:#f1ede7;
}

.leoPriceFlowNote strong{
  font-family:var(--price-serif);
  font-size:16px;
  font-weight:500;
  line-height:1.7;
}

.leoPriceFlowNote p{
  margin:0;

  color:#6d6761;

  font-size:11px;
  line-height:1.85;
}


/* =========================================================
   FAQ
========================================================= */

.leoPriceFaq{
  padding:145px 0 155px;

  background:var(--price-ivory);
}

.leoPriceFaq__grid{
  margin-top:75px;

  display:grid;
  grid-template-columns:340px minmax(0,1fr);
  gap:90px;
}

.leoPriceFaq__title h2{
  margin:0;

  font-family:var(--price-serif);
  font-size:34px;
  font-weight:500;
  line-height:1.7;
}

.leoPriceFaq__title em{
  color:var(--price-red);
  font-style:normal;
}

.leoPriceFaq__list{
  border-top:1px solid rgba(17,17,17,.18);
}

.leoPriceFaqItem{
  border-bottom:1px solid rgba(17,17,17,.10);
}

.leoPriceFaqItem summary{
  padding:26px 0;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;

  cursor:pointer;

  list-style:none;
}

.leoPriceFaqItem summary::-webkit-details-marker{
  display:none;
}

.leoPriceFaqItem summary span{
  font-family:var(--price-serif);
  font-size:16px;
  line-height:1.65;
}

.leoPriceFaqItem summary b{
  flex-shrink:0;

  color:var(--price-red);

  font-size:19px;
  font-weight:400;

  transition:transform .35s ease;
}

.leoPriceFaqItem[open] summary b{
  transform:rotate(45deg);
}

.leoPriceFaqItem > div{
  padding:0 50px 29px 0;
}

.leoPriceFaqItem p{
  margin:0;

  color:#716b65;

  font-size:12px;
  line-height:1.95;
}


/* =========================================================
   CTA
========================================================= */

.leoPriceCta{
  padding:125px 0;

  background:var(--price-black);
}

.leoPriceCta__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:100px;
  align-items:end;
}

.leoPriceCta__text > span{
  display:block;
  margin-bottom:22px;

  color:#b77b88;

  font-size:8px;
  font-weight:700;
  letter-spacing:.18em;
}

.leoPriceCta__text h2{
  margin:0;

  color:#f7f4ed;

  font-family:var(--price-serif);
  font-size:clamp(34px,3.5vw,52px);
  font-weight:500;
  line-height:1.6;
}

.leoPriceCta__text h2 em{
  color:#d7a3ae;
  font-style:normal;
}

.leoPriceCta__text p{
  margin:30px 0 0;

  color:#aaa39b;

  font-size:12px;
  line-height:2;
}

.leoPriceCta__button,
.leoPriceCta__button:visited{
  min-height:112px;
  padding:0 29px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  background:var(--price-red);

  color:#fff !important;

  transition:background .35s ease;
}

.leoPriceCta__button:hover{
  background:var(--price-red-dark);
}

.leoPriceCta__button span{
  display:flex;
  flex-direction:column;
  gap:7px;

  font-family:var(--price-serif);
  font-size:15px;
}

.leoPriceCta__button small{
  color:#e1bac2;

  font-family:var(--price-sans);
  font-size:7px;
  letter-spacing:.17em;
}

.leoPriceCta__button b{
  font-size:20px;
  font-weight:400;
}


/* =========================================================
   REVEAL
========================================================= */

.leoPriceReveal{
  opacity:0;
  transform:translateY(24px);

  transition:
    opacity .8s var(--price-ease),
    transform .8s var(--price-ease);
}

.leoPriceReveal.is-visible{
  opacity:1;
  transform:none;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1100px){

  .leoPriceContainer{
    width:calc(100% - 70px);
  }

  .leoPriceFv__line{
    left:35px;
  }

  .leoPriceFv__inner{
    padding-left:65px;
    grid-template-columns:minmax(0,1fr) 280px;
  }

  .leoPriceSectionIntro,
  .leoPriceIntro__grid{
    gap:55px;
  }

  .leoPriceOption > div{
    grid-template-columns:95px 220px minmax(0,1fr);
  }

  .leoPriceCreative{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .leoPriceCreative__item:nth-child(2){
    border-right:0;
  }

  .leoPriceCreative__item:nth-child(-n+2){
    border-bottom:1px solid rgba(17,17,17,.10);
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

  .leoPriceContainer{
    width:calc(100% - 40px);
  }

  .leoPriceSection,
  .leoPriceIntro,
  .leoPriceFaq,
  .leoPriceSupport{
    padding:85px 0 95px;
  }


  /* FV */

  .leoPriceFv{
    padding-top:105px;
  }

  .leoPriceFv__line{
    left:20px;
  }

  .leoPriceFv__inner{
    min-height:0;
    padding:65px 0 65px 25px;

    display:block;
  }

  .leoPriceFv__title{
    font-size:36px;
    line-height:1.6;
  }

  .leoPriceFv__right{
    margin-top:60px;
  }

  .leoPriceFv__en{
    font-size:21px;
  }

  .leoPriceFv__bottom{
    height:58px;
    padding:0 15px;

    gap:12px;
  }

  .leoPriceFv__bottom p{
    font-size:6px;
  }

  .leoPriceFv__bottom i{
    width:10px;
  }


  /* COMMON */

  .leoPriceSectionHead{
    gap:12px;
  }

  .leoPriceSectionHead > p{
    width:34px;
  }

  .leoPriceSectionIntro,
  .leoPriceIntro__grid{
    margin-top:52px;

    display:block;
  }

  .leoPriceHeading{
    font-size:28px;
    line-height:1.72;
  }

  .leoPriceSectionIntro__text,
  .leoPriceIntro__text{
    max-width:none;
    margin-top:30px;

    font-size:12px;
  }


  /* NOTICE */

  .leoPriceNotice{
    margin-top:48px;

    display:block;
  }

  .leoPriceNotice > span{
    display:block;
    margin-bottom:17px;
  }


  /* WEB */

  .leoPricePlans{
    grid-template-columns:1fr;
  }

  .leoPricePlan{
    padding:35px 0 40px;
  }

  .leoPricePlan:nth-child(odd){
    border-right:0;
  }

  .leoPricePlan--main{
    margin-inline:-20px;
    padding-inline:20px;
  }

  .leoPricePlan__top strong{
    font-size:42px;
  }

  .leoPricePlan__top h3{
    font-size:21px;
  }

  .leoPricePlan__lead{
    min-height:0;
  }

  .leoPriceNote{
    display:block;
  }

  .leoPriceNote span{
    display:block;
    margin-bottom:13px;
  }


  /* OPTION */

  .leoPriceOption{
    padding:24px 0;

    display:block;
  }

  .leoPriceOption > div{
    display:block;
  }

  .leoPriceOption span{
    display:block;
    margin-bottom:9px;
  }

  .leoPriceOption h3{
    margin-bottom:11px;

    font-size:17px;
  }

  .leoPriceOption > strong{
    display:block;
    margin-top:16px;

    text-align:left;
  }


  /* SEO */

  .leoPriceDarkPlans{
    grid-template-columns:1fr;
  }

  .leoPriceDarkPlan{
    padding:38px 0;
  }

  .leoPriceDarkPlan:first-child{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.14);
  }

  .leoPriceDarkNote{
    display:block;
  }

  .leoPriceDarkNote span{
    display:block;
    margin-bottom:12px;
  }


  /* CREATIVE */

  .leoPriceCreative{
    grid-template-columns:1fr;
  }

  .leoPriceCreative__item,
  .leoPriceCreative__item:nth-child(2){
    min-height:0;
    padding:31px 0;

    border-right:0;
    border-bottom:1px solid rgba(17,17,17,.10);
  }

  .leoPriceCreative__item strong{
    margin-top:28px;
  }


  /* SYSTEM */

  .leoPriceSystemPlans{
    grid-template-columns:1fr;
  }

  .leoPriceSystemPlan{
    min-height:0;
    padding:35px 0;

    border-right:0;
    border-bottom:1px solid rgba(17,17,17,.11);
  }

  .leoPriceSystemPlan--main{
    margin-inline:-20px;
    padding-inline:20px;
  }

  .leoPriceSystemBottom{
    display:block;
  }

  .leoPriceSystemBottom > a{
    margin-top:28px;
  }


  /* SUPPORT */

  .leoPriceSupport__grid{
    margin-top:55px;

    display:block;
  }

  .leoPriceSupport__main h2{
    font-size:29px;
  }

  .leoPriceSupport__price strong{
    font-size:52px;
  }

  .leoPriceSupport__content{
    margin-top:55px;
  }


  /* FLOW */

  .leoPriceFlow{
    grid-template-columns:1fr;
  }

  .leoPriceFlow__item{
    min-height:0;
    padding:30px 0;

    border-right:0;
    border-bottom:1px solid rgba(17,17,17,.10);
  }

  .leoPriceFlow__item > span{
    margin-bottom:22px;
  }

  .leoPriceFlowNote{
    display:block;
  }

  .leoPriceFlowNote p{
    margin-top:18px;
  }


  /* FAQ */

  .leoPriceFaq__grid{
    margin-top:52px;

    display:block;
  }

  .leoPriceFaq__title{
    margin-bottom:42px;
  }

  .leoPriceFaq__title h2{
    font-size:27px;
  }

  .leoPriceFaqItem summary span{
    font-size:14px;
  }


  /* CTA */

  .leoPriceCta{
    padding:88px 0;
  }

  .leoPriceCta__inner{
    display:block;
  }

  .leoPriceCta__text h2{
    font-size:29px;
  }

  .leoPriceCta__button{
    margin-top:50px;
  }

}


@media(prefers-reduced-motion:reduce){

  .leoPriceReveal{
    opacity:1;
    transform:none;
    transition:none;
  }

}/* End custom CSS */