@charset "utf-8";
/* CSS Document */

/* ===== TUNING (色やサイズをここで調整) ===== */
:root{
  --btn-h: 56px;               /* 高さ */
  --pad-x: 24px;               /* 左右パディング */
  --radius: 9999px;            /* 角丸（カプセル） */

  /* グラデーション（明→暗） */
  --g1: #f4efe6;               /* 画像の上側の明るいベージュ */
  --g2: #e9dccd;               /* 中間の淡いベージュ */
  --g3: #c9ab8c;               /* 下側の濃いベージュ */
  --g4: #8D7163;               /* 画像の上側の明るいベージュ */
  --g5: #FFF3DF;               /* 下側の濃いベージュ */

  /* 枠線・影 */
  --border1: #947676;           /* 外枠のダークブラウン */
  --border2: #444444;           /* 外枠のダークブラウン */
  --inner-ring: rgba(255,255,255,.55); /* 内側の細い白リング */
  --drop: rgba(0,0,0,.45);     /* 外側のドロップシャドウ */
  --text: #1a1a1a;             /* 文字色 */
}

/* ===== ボタン ===== */
.jp-pill-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px;
  width:100%;
  max-width:380px;
  border-radius:var(--radius);
  text-decoration:none;
  background:
    linear-gradient(to bottom, var(--g4) 5%, var(--g5) 60%);
  border:4px solid var(--border2);
  -webkit-tap-highlight-color: transparent;
}
.jp-pill-btn span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:var(--btn-h);
  padding:5px var(--pad-x) 0;
  width:100%;
  border-radius:var(--radius);
  font:700 26px/1.1 "Noto Sans JP","Hiragino Kaku Gothic ProN","Meiryo",system-ui,-apple-system,sans-serif;
  color:var(--text);
  text-decoration:none;
  letter-spacing:.02rem;
  background:
    linear-gradient(to bottom, var(--g1) 0%, var(--g2) 48%, var(--g3) 100%);
  border:1px solid var(--border1);
  transition: transform .05s ease, filter .15s ease, box-shadow .15s ease;
  -webkit-tap-highlight-color: transparent;
}

/* ホバーで少しだけツヤを強く */
.jp-pill-btn span:hover{
  filter: brightness(1.03) contrast(1.02);
  box-shadow:
    0 7px 14px var(--drop),
    0 0 0 1px rgba(0,0,0,.18),
    inset 0 0 0 1px var(--inner-ring),
    inset 0 12px 18px rgba(255,255,255,.75),
    inset 0 -9px 16px rgba(0,0,0,.12);
  color:#1A1A1A;
}

/* クリック時の押し込み表現 */
.jp-pill-btn span:active{
  transform: translateY(1px);
  box-shadow:
    0 4px 8px var(--drop),
    0 0 0 1px rgba(0,0,0,.18),
    inset 0 0 0 1px var(--inner-ring),
    inset 0 8px 12px rgba(255,255,255,.6),
    inset 0 -6px 10px rgba(0,0,0,.14);
}

/* 小さめバリエーションが必要ならクラス追加で */
.jp-pill-btn.sm{
  --btn-h: 48px;
  --pad-x: 22px;
  font-size:20px;
}
ul.custom-bullet {
  list-style: none; /* Remove default circles */
  padding-left: 1.2em; /* Create space for custom bullets */
}

ul.custom-bullet li {
  position: relative;
  margin: 0.4em 0;
  line-height: 1.6;
}

ul.custom-bullet li::before {
  content: "●";               /* Your custom bullet */
  position: absolute;
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Meiryo",system-ui,-apple-system,sans-serif;
  top: 0.1rem;
  left: -1.5rem;
  font-size: 1.1rem;
  color: #1A1A1A;
  line-height: 1;
}

#renewal-hero-103025 {
  background:#fbfdff url("/wp-content/themes/anacard/img/campaign/20251030/bg_hero103025.webp") center bottom no-repeat;
  background-size: cover;
  height: auto;
}
#campaign-holder-cta {
  background:#fbfdff url("/wp-content/themes/anacard/img/campaign/20251030/bg_btm.webp") center center no-repeat;
  background-size: cover;
  height: auto;
}
#renewal-hero-103025 h1 {
  position:relative;
}
#bgPlane::before {
  content:" ";
  display: block;
  position:absolute;
  background:transparent url("/wp-content/themes/anacard/img/campaign/20251030/img_air_plane.svg") top left no-repeat;
  background-size: auto;
  height: 445px;
  width: 100%;
  z-index: -1;
  left: -21vw;
  top: 3rem;
  opacity: 0.9;
}
#shopCouple {
  top:17%;
  right:-25.5%;
  z-index: 0;
}
.ff-notoJP {
  font-family: "myriad-pro","Noto Sans JP",sans-serif !important;
}
.ff-Monts {
  line-height: 1.2;
  font-family: "Montserrat",sans-serif !important;
}
.fw-900 {font-weight: 900 !important;}
.fw-800 {font-weight: 800 !important;}
.btn-warning.f-md {
  width: 100%;
  max-width: 272px;
  height: 36px;
  border-radius: 2rem;
  font-size: 22px;
  line-height: 1.1;
  padding-top:3px;
  font-weight: 900;
}
.max-1077 {max-width: 1077px}
.z-1 {z-index: 1;}
.z-0 {z-index: 0;}
.f-llg {font-size: 31px;}
.f-lg {font-size: 29px;}
.f-mlg {font-size: 26px;}
.f-lmd {font-size: 21px;}
.f-md {font-size: 20px;}
.f-msm {font-size: 18px;}
.text-primary {
  color:#00146E !important;
}
.bg-primary {
  background-color:#00146E !important;
}
.btn-warning,
.bg-warning {
background-color: #FFF84E !important;
}
.text-info {
  color:#01AEF0 !important;
}
.text-primary {
  color:#213E98 !important;
}
.text-blue {
color:#213E98 !important;
}
.bg-highlighted {
  font-size: 25px;
}
.bg-highlighted.text-blue span {
  color: #213E98;
  position: relative;
  z-index: 1;
}
.bg-highlighted span::before {
content: '';
width: 100%;
height: 24px;
background-color: #FFF84E;
position: absolute;
left: 0;
bottom: -8px;
z-index: -1;
}
.btn-info {
  background-color: #01AEF0 !important;
  max-width: 258px;
  height: 48px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: 100%;
  line-height: 1;
}
.btn-gradient {
  background: linear-gradient(120deg, #0A9DEA 0%,#6927C8 80%);
  color: #fff;
  border: none;
  padding: 16px 65px 12px;
  transition: all ease-in-out .5s;
  }
.btn-gradient:hover {
  color: #fff;
  background: linear-gradient(120deg, #0A9DEA 0%, #0A9DEA 50%, #6927C8 100%);
}
#campaign-holder-note {
  background-color: #F3F3F3;
}

#campaign-holder-sc2,
#campaign-holder-sc6 {
background-image: none;
background-color: #00146E;
}
#campaign-holder-sc2 .wrap__code,
#campaign-holder-sc6 .wrap__code {
background-color: #FFF;
color: #00146E;
font-size: 22px;
border: dashed 2px #00146E;
height: 47px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.btn-copy.btn-info {
background-color: #01AEF0;
border-radius: 0px;
font-size: 1rem;
height: 47px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.campaign-sc2 {
background: #fff;
}
.campaign-sc2__title-sm {
color: #213E98;
font-size: 32px;
}
.h-xxxl {
font-size: 46px;
}
.fw-900 {
  font-weight: 900;
}
.faq_q dt,
.faq_a dt {
font-size: 18px;
line-height: 1;
padding-top: 4px;
}
#faqtab dl {
text-align: left;
}
.faq_q {
font-weight: bold;
font-size: 18px;
}
.faq_a {
padding-top: 10px;
}
.faq-wrap {
border-bottom: none;
padding: 10px 0;
}
.faq-wrap dd {
font-family: "myriad-pro","Noto Sans JP",sans-serif !important;;
}
@media screen and (min-width: 768px) {
#imgGallery div.col-md-4 {
  width: 20% !important;
}
.mb-adjust {
  margin-bottom: -13px;
}
}
@media screen and (max-width: 1399px) {
  div.position-absolute:nth-child(1) {
    left: 1vw !important;
  }
}
@media (max-width: 1199px) {
  #renewal-hero-103025 {
    background-position: 24% bottom;
  }
  #shopCouple {
   right:-41.5%;
  }
  div.position-absolute:nth-child(1) {
    left: -5% !important;
  }
}
@media (max-width: 991px) {
  #renewal-hero-103025 {
    background-position: 18% bottom;
  }
  #bgPlane::before {
    left: -25vw;
    top: 9rem;
    opacity: 0.8;
  }
  #shopCouple {
    right: -34.5%;
    top: 160%;
    max-width: 55vw;
  }
  #renewal-hero-103025 h3.f-md {
    max-width: 80%;
  }
  div.position-absolute:nth-child(1) {
    left: -25% !important;
  }
}
@media screen and (max-width: 767px) {
  #shopCouple {
    right: -38%;
    top: 18rem;
    max-width: 53vw;
  }
  #renewal-hero-103025 {
    background-position: 20% bottom;
  }
  #bgPlane::before {
    left: -30vw;
    top: 16rem;
    opacity: 0.7;
  }
  #renewal-hero-103025 h3.f-md {
    max-width: 78%;
  }
  #imgGallery .img-fluid {
    max-width: 130px;
    display: block;
    margin: auto;
  }
  .h-xxl {
    font-size: 32px;
  }
  .h-xl {
    font-size: 30px;
  }
  .title-logo {
    font-size: 5.5vw;
  }
  #faqtab dd {
    width: calc( 100% - 80px );
  }
  #campaign-holder-hero__btn {
    padding: 16px 65px 12px !important;
    font-size: 17px;
  }
  .mb-mob-adjust img:nth-child(1),
  .mb-mob-adjust img.mb-adjust {
    margin-bottom: 0.25rem;
  }
  .mb-mob-adjust img:not(.mb-adjust) {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 575px) {
  #renewal-hero-103025 {
    background:#fbfdff url("/wp-content/themes/anacard/img/campaign/20251030/bg_hero103025_mb.webp") center bottom no-repeat;
    background-size: cover;
    height: auto;
  }
  #bgPlane::before {
    content:"";
    display:none;
  }
  #imgGallery {
    position:relative;
  }
  #imgGallery::before {
    content:" ";
    display: block;
    position:absolute;
    background:transparent url("/wp-content/themes/anacard/img/campaign/20251030/img_air_plane_mb.svg") top left no-repeat;
    background-size: contain;
    height: 445px;
    width: 100%;
    z-index: -1;
    left: 7vw;
    top: 0.75rem;
    opacity: 0.95;
  }
  #shopCouple {
    right: -24%;
    top: 16rem;
    max-width: 64vw;
  }
  html[lang="en-US"] #shopCouple {
    top: 14rem;
  }
  #renewal-hero-103025 h3.f-md {
    max-width: 66%;
  }
  .f-lmd {
    font-size: 16.5px;
    letter-spacing: -0.5px;
  }
  .f-md {
    font-size: 15px;
    letter-spacing: -0.5px;
  }
  .title-logo {
    font-size: 6.8vw;
  }
  #faqtab dd {
    width: calc( 100% - 75px );
    padding-left: 12px;
  }
  .faq_q dt, .faq_a dt {
    margin-bottom: 5px;
  }
  .faq_q {
    font-size: 15px;
  }
  .faq_q:after {
    width: 0.5em;
    height: 0.5em;
  }
}