/* =========================================================
   JAPAN TRADE
   金属アレルギー対応LP
   FINAL
   uploads/banner/allergy_lp/style.css
========================================================= */


/* =========================================================
   BASE
========================================================= */

.jta2-lp{
  --gold:#c99a3d;
  --navy:#173f73;
  --text:#30343b;
  --sub:#6f7378;
  --line:#e9e3d9;
  --cream:#faf7f2;

  position:relative;
  left:50%;
  width:100vw;
  margin-left:-50vw;
  overflow:hidden;

  background:#fff;
  color:var(--text);

  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "Yu Gothic",
    "Meiryo",
    sans-serif;
}

.jta2-lp,
.jta2-lp *{
  box-sizing:border-box;
}

.jta2-lp img{
  display:block;
  max-width:100%;
  height:auto;
}

.jta2-lp a{
  text-decoration:none !important;
}

.jta2-inner{
  width:90%;
  max-width:1120px;
  margin:0 auto;
}


/* =========================================================
   共通タイトル
========================================================= */

.jta2-head{
  margin:0 0 34px;
  text-align:center;
}

.jta2-head__en{
  margin:0 0 7px !important;
  color:var(--gold) !important;
  font-size:10px !important;
  line-height:1.4 !important;
  letter-spacing:.20em !important;
  font-weight:600 !important;
}

.jta2-head h2{
  margin:0 !important;
  color:#25282d !important;
  font-size:30px !important;
  line-height:1.5 !important;
  letter-spacing:.04em !important;
  font-weight:500 !important;
}

.jta2-head__lead{
  max-width:760px;
  margin:10px auto 0 !important;
  color:#777 !important;
  font-size:13px !important;
  line-height:1.9 !important;
}


/* =========================================================
   FV
========================================================= */

.jta2-fv{
  position:relative;
  width:100%;
  min-height:610px;
  overflow:hidden;
  background:#f7f5f1;
}

.jta2-fv__photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}

.jta2-fv:after{
  content:"";
  position:absolute;
  inset:0;

  background:linear-gradient(
    90deg,
    rgba(255,255,255,.98) 0%,
    rgba(255,255,255,.96) 23%,
    rgba(255,255,255,.76) 39%,
    rgba(255,255,255,.08) 61%,
    rgba(255,255,255,0) 100%
  );
}

.jta2-fv__inner{
  position:relative;
  z-index:2;

  width:90%;
  max-width:1180px;
  min-height:610px;

  margin:0 auto;
}

.jta2-fv__copy{
  width:48%;
  max-width:530px;
  padding-top:76px;
}

.jta2-fv__en{
  margin:0 0 14px !important;
  color:var(--gold) !important;
  font-size:10px !important;
  line-height:1.4 !important;
  letter-spacing:.22em !important;
  font-weight:600 !important;
}

.jta2-fv h1{
  margin:0 0 20px !important;

  color:#17233d !important;

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;

  font-size:43px !important;
  line-height:1.45 !important;
  letter-spacing:.08em !important;
  font-weight:500 !important;
}

.jta2-fv__lead{
  margin:0 !important;

  color:#4d5562 !important;

  font-size:14px !important;
  line-height:1.9 !important;
  font-weight:600 !important;
}


/* =========================================================
   FV 3ポイント
========================================================= */

.jta2-fv__points{
  display:flex;
  gap:12px;
  margin-top:28px;
}

.jta2-fv-point{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  width:120px;
  height:120px;
  padding:12px;

  background:rgba(255,255,255,.94);
  border:1px solid rgba(215,207,194,.75);
  border-radius:50%;

  box-shadow:0 6px 20px rgba(0,0,0,.035);

  text-align:center;
}

.jta2-fv-point img{
  width:34px;
  height:34px;
  margin-bottom:6px;
  object-fit:contain;
}

.jta2-fv-point strong{
  display:block;

  color:#444;

  font-size:10px;
  line-height:1.45;
  font-weight:600;
}


/* =========================================================
   FV 安心BOX PC
========================================================= */

.jta2-fv__safe{
  position:absolute;
  right:0;
  bottom:30px;

  width:420px;
  max-width:40%;

  padding:25px 27px;

  background:rgba(255,255,255,.95);
  border:1px solid rgba(211,201,188,.8);
  border-radius:7px;

  box-shadow:0 10px 28px rgba(0,0,0,.07);
}

.jta2-fv__safe h2{
  margin:0 0 11px !important;

  color:#333 !important;

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;

  font-size:21px !important;
  line-height:1.55 !important;
  letter-spacing:.05em !important;
  font-weight:500 !important;
}

.jta2-fv__safe p{
  margin:0 !important;

  color:#555 !important;

  font-size:12px !important;
  line-height:1.85 !important;
}


/* =========================================================
   4 CATEGORY
========================================================= */

.jta2-category{
  padding:45px 0 62px;
  background:#fff;
}

.jta2-category__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:13px;

  max-width:1120px;
  margin:0 auto;
}

.jta2-card{
  position:relative;

  display:flex;
  flex-direction:column;

  min-width:0;
  overflow:hidden;

  border:1px solid #e9e3da;
  border-radius:14px;

  box-shadow:0 5px 18px rgba(0,0,0,.035);
}

.jta2-card--sv{
  background:#faf0f0;
}

.jta2-card--st{
  background:#edf4f8;
}

.jta2-card--nickel{
  background:#f7f1e7;
}

.jta2-card--resin{
  background:#eef6ef;
}


/* =========================================================
   CATEGORY NUMBER
========================================================= */

.jta2-card__num{
  position:absolute;
  top:12px;
  left:12px;
  z-index:4;

  display:flex;
  align-items:center;
  justify-content:center;

  width:38px;
  height:38px;

  border-radius:50%;

  color:#fff;

  font-size:14px;
  line-height:1;
  font-weight:600;
}

.jta2-card--sv .jta2-card__num{
  background:#cc9494;
}

.jta2-card--st .jta2-card__num{
  background:#587c9a;
}

.jta2-card--nickel .jta2-card__num{
  background:#ba9252;
}

.jta2-card--resin .jta2-card__num{
  background:#739477;
}


/* =========================================================
   CATEGORY TITLE
========================================================= */

.jta2-card__head{
  min-height:140px;

  padding:22px 13px 8px;

  text-align:center;
}

.jta2-card__catch{
  min-height:38px;

  margin:0 0 7px !important;

  color:#555 !important;

  font-size:10.5px !important;
  line-height:1.6 !important;
}

.jta2-card h3{
  margin:0 !important;

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;

  font-size:21px !important;
  line-height:1.45 !important;
  font-weight:500 !important;
}

.jta2-card--sv h3{
  color:#bd797d !important;
}

.jta2-card--st h3{
  color:#4f718e !important;
}

.jta2-card--nickel h3{
  color:#a67c3d !important;
}

.jta2-card--resin h3{
  color:#648269 !important;
}


/* =========================================================
   CATEGORY IMAGE
========================================================= */

.jta2-card__image{
  position:relative;

  width:100%;
  height:218px;

  padding:0;
  overflow:hidden;

  background:transparent;
}

.jta2-card__image img{
  position:absolute;
  top:50%;
  left:50%;

  max-width:none;

  object-fit:cover;
  object-position:center;

  transform:translate(-50%,-50%);

  mix-blend-mode:multiply;
}

.jta2-card--sv .jta2-card__image img{
  width:122%;
  height:122%;
}

.jta2-card--st .jta2-card__image img{
  width:116%;
  height:116%;
}

.jta2-card--nickel .jta2-card__image img{
  width:113%;
  height:113%;
}

.jta2-card--resin .jta2-card__image img{
  width:113%;
  height:113%;
}


/* =========================================================
   CATEGORY BODY
========================================================= */

.jta2-card__body{
  display:flex;
  flex-direction:column;
  flex:1;

  padding:15px 15px 17px;
}

.jta2-card__body p{
  margin:0 0 14px !important;

  color:#555 !important;

  font-size:10.5px !important;
  line-height:1.75 !important;
}

.jta2-card__btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:42px;

  margin-top:auto;
  padding:0 10px;

  border-radius:999px;

  color:#fff !important;

  font-size:10.5px !important;
  line-height:1.4 !important;
  font-weight:600 !important;

  text-align:center;
}

.jta2-card__btn:after{
  content:"›";
  margin-left:7px;
  font-size:17px;
  line-height:1;
}

.jta2-card--sv .jta2-card__btn{
  background:#ca9294;
}

.jta2-card--st .jta2-card__btn{
  background:#5e829f;
}

.jta2-card--nickel .jta2-card__btn{
  background:#b48a49;
}

.jta2-card--resin .jta2-card__btn{
  background:#739477;
}


/* =========================================================
   WHY METAL ALLERGY
========================================================= */

.jta2-about{
  padding:10px 0 58px;
  background:#fff;
}

.jta2-about__box{
  max-width:1120px;

  margin:0 auto;
  padding:26px 30px 30px;

  background:#faf8f4;
  border-radius:17px;
}

.jta2-about__title{
  margin:0 0 9px !important;

  color:#282828 !important;

  text-align:center;

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;

  font-size:28px !important;
  line-height:1.45 !important;
  letter-spacing:.07em !important;
  font-weight:500 !important;
}

.jta2-about__lead{
  max-width:900px;

  margin:0 auto 22px !important;

  color:#666 !important;

  text-align:center;

  font-size:11.5px !important;
  line-height:1.8 !important;
}

.jta2-about__grid{
  display:grid;
  grid-template-columns:230px 1fr 270px;
  gap:26px;
  align-items:center;
}

.jta2-about__photo{
  width:100%;
  height:195px;

  overflow:hidden;

  border-radius:9px;
}

.jta2-about__photo img{
  width:100%;
  height:100%;

  object-fit:cover;
}

.jta2-about__points h3{
  margin:0 0 12px !important;

  color:#b78330 !important;

  font-size:16px !important;
  line-height:1.5 !important;
  font-weight:600 !important;
}

.jta2-about__points ul{
  list-style:none;
  margin:0;
  padding:0;
}

.jta2-about__points li{
  position:relative;

  margin:0 0 10px;
  padding-left:27px;

  color:#555;

  font-size:11.5px;
  line-height:1.65;
}

.jta2-about__points li:before{
  content:"✓";

  position:absolute;
  top:0;
  left:0;

  display:flex;
  align-items:center;
  justify-content:center;

  width:18px;
  height:18px;

  border:1px solid #c7953c;
  border-radius:50%;

  color:#c7953c;

  font-size:10px;
  font-weight:700;
}

.jta2-about__policy{
  min-height:195px;

  padding:21px 20px;

  background:#fff;
  border:1px solid #d2b274;
}

.jta2-about__policy h3{
  margin:0 0 10px !important;

  color:#333 !important;

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;

  font-size:17px !important;
  line-height:1.5 !important;
  font-weight:500 !important;
}

.jta2-about__policy p{
  margin:0 !important;

  color:#555 !important;

  font-size:10.5px !important;
  line-height:1.8 !important;
}


/* =========================================================
   EN1811
========================================================= */

.jta2-en{
  padding:4px 0 62px;
  background:#fff;
}

.jta2-en__title{
  margin:0 0 8px !important;

  color:#2b2b2b !important;

  text-align:center;

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;

  font-size:29px !important;
  line-height:1.5 !important;
  letter-spacing:.06em !important;
  font-weight:500 !important;
}

.jta2-en__lead{
  max-width:900px;

  margin:0 auto 26px !important;

  color:#666 !important;

  text-align:center;

  font-size:12px !important;
  line-height:1.8 !important;
}

.jta2-en__grid{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:28px;
  align-items:center;

  max-width:1060px;

  margin:0 auto;
}

.jta2-en__info{
  display:flex;
  align-items:center;
  gap:15px;
}

.jta2-en__circle{
  flex:0 0 108px;

  display:flex;
  align-items:center;
  justify-content:center;

  width:108px;
  height:108px;

  padding:10px;

  background:#184777;
  border-radius:50%;

  color:#fff;

  text-align:center;

  font-size:13px;
  line-height:1.45;
  font-weight:600;
}

.jta2-en__text p{
  margin:0 !important;

  color:#555 !important;

  font-size:10.5px !important;
  line-height:1.8 !important;
}

.jta2-en__report{
  position:relative;
  padding:4px;
  background:#fff;
}

.jta2-en__report img{
  width:100%;
}

.jta2-en__badge{
  position:absolute;

  right:-9px;
  bottom:15px;

  display:flex;
  align-items:center;
  justify-content:center;

  width:94px;
  height:94px;

  padding:10px;

  background:#c79636;
  border-radius:50%;

  color:#fff;

  text-align:center;

  font-size:11px;
  line-height:1.45;
  font-weight:600;
}


/* =========================================================
   CUSTOMER / BUYER
========================================================= */

.jta2-safe{
  padding:0 0 22px;
  background:#fff;
}

.jta2-safe__grid{
  display:grid;
  grid-template-columns:1fr 1fr;

  max-width:1120px;

  margin:0 auto;
  overflow:hidden;

  border:1px solid var(--line);
  border-radius:9px;
}

.jta2-safe-card{
  display:grid;
  grid-template-columns:42% 58%;

  min-height:280px;

  background:#fff;
}

.jta2-safe-card:first-child{
  border-right:1px solid var(--line);
}

.jta2-safe-card__photo{
  width:100%;
  height:100%;
}

.jta2-safe-card__photo img{
  width:100%;
  height:100%;

  object-fit:cover;
}

.jta2-safe-card__body{
  padding:27px 22px;
}

.jta2-safe-card__label{
  display:block;

  margin:0 0 6px;

  color:var(--gold);

  font-size:8px;
  letter-spacing:.16em;
}

.jta2-safe-card h3{
  margin:0 0 13px !important;

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;

  font-size:20px !important;
  line-height:1.5 !important;
  font-weight:500 !important;
}

.jta2-safe-card--customer h3{
  color:#b78330 !important;
}

.jta2-safe-card--buyer h3{
  color:#527a9a !important;
}

.jta2-safe-card ul{
  list-style:none;
  margin:0;
  padding:0;
}

.jta2-safe-card li{
  position:relative;

  margin:0 0 9px;
  padding-left:21px;

  color:#555;

  font-size:10.5px;
  line-height:1.65;
}

.jta2-safe-card li:before{
  content:"✓";

  position:absolute;
  left:0;
  top:0;

  color:#c7953b;

  font-weight:700;
}


/* =========================================================
   CTA
========================================================= */

.jta2-cta{
  padding:0 0 55px;
  background:#fff;
}

.jta2-cta__box{
  position:relative;

  max-width:1120px;
  min-height:205px;

  margin:0 auto;
  overflow:hidden;

  border-radius:11px;

  background:linear-gradient(
    90deg,
    #c99530 0%,
    #d7aa4d 46%,
    #ead39c 72%,
    #f8f4eb 100%
  );
}

.jta2-cta__bg{
  position:absolute !important;

  top:0 !important;
  right:-1% !important;
  bottom:auto !important;
  left:auto !important;

  width:58% !important;
  height:100% !important;
  max-width:none !important;

  object-fit:cover !important;
  object-position:right center !important;

  transform:scale(1.18);
  transform-origin:right center;

  z-index:0;
}

.jta2-cta__box:after{
  content:"";

  position:absolute;
  z-index:1;

  inset:0;

  pointer-events:none;

  background:linear-gradient(
    90deg,
    rgba(201,149,48,.98) 0%,
    rgba(213,169,75,.96) 38%,
    rgba(225,194,121,.70) 54%,
    rgba(247,241,226,.12) 76%,
    rgba(255,255,255,0) 100%
  );
}

.jta2-cta__content{
  position:relative;
  z-index:2;

  width:64%;

  padding:33px 42px;
}

.jta2-cta__sub{
  margin:0 0 6px !important;

  color:#fff !important;

  font-size:12px !important;
  line-height:1.5 !important;
}

.jta2-cta h2{
  margin:0 0 19px !important;

  color:#fff !important;

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;

  font-size:29px !important;
  line-height:1.5 !important;
  font-weight:500 !important;
}

.jta2-cta__buttons{
  display:flex;
  gap:10px;

  max-width:570px;
}

.jta2-cta__btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:50%;
  min-height:48px;

  padding:0 15px;

  border-radius:999px;

  background:#fff;

  color:#a97825 !important;

  font-size:11px !important;
  font-weight:600 !important;
}

.jta2-cta__btn--navy{
  background:#15467d;
  color:#fff !important;
}


/* =========================================================
   TABLET
========================================================= */

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

  .jta2-fv h1{
    font-size:36px !important;
  }

  .jta2-fv__safe{
    width:350px;
  }

  .jta2-category__grid{
    grid-template-columns:repeat(2,1fr);
    max-width:760px;
  }

  .jta2-card__image{
    height:245px;
  }

  .jta2-about__grid{
    grid-template-columns:200px 1fr 230px;
    gap:18px;
  }

  .jta2-cta__bg{
    width:60% !important;
    transform:scale(1.15);
  }

}


/* =========================================================
   SP
========================================================= */

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

  .jta2-inner{
    width:94%;
  }


  /* =====================================================
     FV
     ★ 安心BOXの重なり修正版
  ===================================================== */

  .jta2-fv{
    min-height:0;
    padding-bottom:18px;
    background:#fff;
  }

  /*
    SPではFV写真の高さを固定。
    下に安心BOXが追加されても写真が縦に引き伸ばされない。
  */
  .jta2-fv__photo{
    inset:auto;
    top:0;
    left:0;

    width:100%;
    height:465px;

    object-fit:cover;
    object-position:67% center;
  }

  .jta2-fv:after{
    top:0;
    left:0;
    right:0;
    bottom:auto;

    height:465px;

    background:linear-gradient(
      90deg,
      rgba(255,255,255,.97) 0%,
      rgba(255,255,255,.92) 37%,
      rgba(255,255,255,.42) 61%,
      rgba(255,255,255,0) 100%
    );
  }

  .jta2-fv__inner{
    width:94%;
    min-height:0;

    padding-bottom:0;
  }

  .jta2-fv__copy{
    width:65%;
    max-width:none;

    padding-top:34px;
  }

  .jta2-fv__en{
    margin-bottom:7px !important;

    font-size:7px !important;
  }

  .jta2-fv h1{
    margin-bottom:10px !important;

    font-size:24px !important;
    line-height:1.48 !important;
    letter-spacing:.03em !important;
  }

  .jta2-fv__lead{
    font-size:9.5px !important;
    line-height:1.7 !important;
  }


  /* =====================================================
     FV POINT
  ===================================================== */

  .jta2-fv__points{
    display:flex;

    gap:5px;

    margin-top:17px;
  }

  .jta2-fv-point{
    flex:0 0 68px;

    width:68px;
    height:68px;

    padding:6px;
  }

  .jta2-fv-point img{
    width:20px;
    height:20px;

    margin-bottom:3px;
  }

  .jta2-fv-point strong{
    font-size:7px;
    line-height:1.35;
  }


  /* =====================================================
     FV SAFE
     ★ absoluteを解除して丸アイコンの下に配置
  ===================================================== */

  .jta2-fv__safe{
    position:relative;

    top:auto;
    right:auto;
    bottom:auto;
    left:auto;

    width:100%;
    max-width:none;

    margin:16px 0 0;
    padding:14px 15px;

    background:rgba(255,255,255,.98);

    border:1px solid #e8e1d8;
    border-radius:7px;

    box-shadow:0 5px 16px rgba(0,0,0,.06);
  }

  .jta2-fv__safe h2{
    margin:0 0 7px !important;

    font-size:13px !important;
    line-height:1.55 !important;
  }

  .jta2-fv__safe p{
    margin:0 !important;

    font-size:8.5px !important;
    line-height:1.7 !important;
  }


  /* =====================================================
     TITLE
  ===================================================== */

  .jta2-head{
    margin-bottom:19px;
  }

  .jta2-head__en{
    margin-bottom:5px !important;

    font-size:7px !important;
  }

  .jta2-head h2{
    font-size:20px !important;
    line-height:1.45 !important;
  }

  .jta2-head__lead{
    margin-top:6px !important;

    font-size:9px !important;
    line-height:1.65 !important;
  }


  /* =====================================================
     4 CATEGORY
     SP 2×2
  ===================================================== */

  .jta2-category{
    padding:26px 0 37px;
  }

  .jta2-category__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:8px;
  }

  .jta2-card{
    border-radius:9px;
  }

  .jta2-card__num{
    top:7px;
    left:7px;

    width:27px;
    height:27px;

    font-size:9px;
  }

  .jta2-card__head{
    min-height:100px;

    padding:13px 7px 7px;
  }

  .jta2-card__catch{
    min-height:29px;

    margin-bottom:4px !important;

    font-size:7.5px !important;
    line-height:1.45 !important;
  }

  .jta2-card h3{
    font-size:15px !important;
    line-height:1.4 !important;
  }


  /* CATEGORY IMAGE */

  .jta2-card__image{
    height:150px;
  }

  .jta2-card--sv .jta2-card__image img{
    width:124%;
    height:124%;
  }

  .jta2-card--st .jta2-card__image img{
    width:119%;
    height:119%;
  }

  .jta2-card--nickel .jta2-card__image img{
    width:116%;
    height:116%;
  }

  .jta2-card--resin .jta2-card__image img{
    width:116%;
    height:116%;
  }

  .jta2-card__body{
    padding:9px 8px 10px;
  }

  .jta2-card__body p{
    margin-bottom:8px !important;

    font-size:7.5px !important;
    line-height:1.55 !important;
  }

  .jta2-card__btn{
    min-height:34px;

    padding:0 5px;

    font-size:7.5px !important;
  }

  .jta2-card__btn:after{
    margin-left:3px;

    font-size:12px;
  }


  /* =====================================================
     ABOUT
  ===================================================== */

  .jta2-about{
    padding:0 0 34px;
  }

  .jta2-about__box{
    width:94%;

    padding:18px 13px;

    border-radius:10px;
  }

  .jta2-about__title{
    margin-bottom:6px !important;

    font-size:20px !important;
  }

  .jta2-about__lead{
    margin-bottom:14px !important;

    font-size:8.5px !important;
    line-height:1.65 !important;
  }

  .jta2-about__grid{
    grid-template-columns:34% 66%;

    gap:10px;
  }

  .jta2-about__photo{
    height:145px;
  }

  .jta2-about__points h3{
    margin-bottom:7px !important;

    font-size:11px !important;
  }

  .jta2-about__points li{
    margin-bottom:6px;

    padding-left:20px;

    font-size:8px;
  }

  .jta2-about__points li:before{
    width:14px;
    height:14px;

    font-size:7px;
  }

  .jta2-about__policy{
    grid-column:1 / 3;

    min-height:0;

    padding:13px 12px;
  }

  .jta2-about__policy h3{
    margin-bottom:5px !important;

    font-size:12px !important;
  }

  .jta2-about__policy p{
    font-size:8px !important;
    line-height:1.65 !important;
  }


  /* =====================================================
     EN1811
  ===================================================== */

  .jta2-en{
    padding:0 0 35px;
  }

  .jta2-en__title{
    margin-bottom:5px !important;

    font-size:20px !important;
  }

  .jta2-en__lead{
    margin-bottom:15px !important;

    font-size:8.5px !important;
    line-height:1.6 !important;
  }

  .jta2-en__grid{
    grid-template-columns:1fr;

    gap:12px;
  }

  .jta2-en__info{
    gap:10px;
  }

  .jta2-en__circle{
    flex-basis:72px;

    width:72px;
    height:72px;

    font-size:8.5px;
  }

  .jta2-en__text p{
    font-size:8px !important;
    line-height:1.65 !important;
  }

  .jta2-en__report{
    padding:4px;
  }

  .jta2-en__badge{
    right:3px;
    bottom:4px;

    width:58px;
    height:58px;

    padding:5px;

    font-size:6.5px;
  }


  /* =====================================================
     CUSTOMER / BUYER
  ===================================================== */

  .jta2-safe{
    padding-bottom:14px;
  }

  .jta2-safe__grid{
    grid-template-columns:1fr;

    width:94%;
  }

  .jta2-safe-card{
    grid-template-columns:40% 60%;

    min-height:190px;
  }

  .jta2-safe-card:first-child{
    border-right:none;
    border-bottom:1px solid var(--line);
  }

  .jta2-safe-card__body{
    padding:14px 11px;
  }

  .jta2-safe-card__label{
    margin-bottom:4px;

    font-size:6px;
  }

  .jta2-safe-card h3{
    margin-bottom:8px !important;

    font-size:14px !important;
  }

  .jta2-safe-card li{
    margin-bottom:5px;

    padding-left:15px;

    font-size:7.5px;
  }


  /* =====================================================
     CTA SP
  ===================================================== */

  .jta2-cta{
    padding-bottom:35px;
  }

  .jta2-cta__box{
    width:94%;
    min-height:165px;

    border-radius:8px;
  }

  .jta2-cta__bg{
    top:0 !important;
    right:-3% !important;
    bottom:auto !important;
    left:auto !important;

    width:64% !important;
    height:100% !important;

    object-fit:cover !important;
    object-position:right center !important;

    transform:scale(1.20);
    transform-origin:right center;
  }

  .jta2-cta__box:after{
    background:linear-gradient(
      90deg,
      rgba(189,141,47,.98) 0%,
      rgba(205,160,66,.96) 45%,
      rgba(223,189,116,.68) 58%,
      rgba(245,237,217,.08) 80%,
      rgba(255,255,255,0) 100%
    );
  }

  .jta2-cta__content{
    width:68%;

    padding:20px 13px;
  }

  .jta2-cta__sub{
    font-size:7px !important;
  }

  .jta2-cta h2{
    margin-bottom:10px !important;

    font-size:17px !important;
  }

  .jta2-cta__buttons{
    gap:5px;

    max-width:250px;
  }

  .jta2-cta__btn{
    min-height:35px;

    padding:0 5px;

    font-size:7px !important;
  }

}