/* BeSELL fixカンプ最終調整。既存CSSより後に読み込み、指定順の競合を防止します。 */

/* 共通 */
.site-header .logo{width:132px}
.button,.header-cta{position:relative;justify-content:center;text-align:center}
.button>span,.header-cta>span{position:absolute;right:22px}
.hero h1 span,.section-heading h2 span,.final-cta h2 span{font:inherit;font-style:normal}
.section-heading h2{font-weight:700}
.section-heading .en{font-family:var(--sans);font-weight:700;letter-spacing:.12em}

/* FV */
.hero{grid-template-columns:50% 50%}
.hero-copy{justify-content:flex-start;padding-top:54px;padding-right:3vw}
.hero-lead{margin-bottom:46px;font-size:18px;font-weight:600;white-space:nowrap}
.hero h1{font-size:53px;font-weight:700;line-height:1.42;letter-spacing:.025em;white-space:nowrap}
.hero-image{background-image:url(../images/hero.jpg);background-repeat:no-repeat;background-size:auto 128%;background-position:82% 38%}

/* お悩み */
.concerns .section-heading h2{font-size:45px}
.concerns-layout{max-width:1180px;grid-template-columns:355px 370px 355px;justify-content:center;gap:26px}
.concerns-person{width:370px;max-height:520px}
.concern-list{gap:26px}
.concern-list article,.concern-list.right article{position:relative;width:340px;height:104px;border-radius:9px}
.concern-list.left article{grid-template-columns:54px 1fr 76px}
.concern-list.right article{grid-template-columns:76px 1fr 54px}
.concern-list article::after{content:"";position:absolute;right:-14px;top:50%;transform:translateY(-50%);border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:15px solid #fff}
.concern-list.right article::after{right:auto;left:-14px;border-left:0;border-right:15px solid #fff}
.concern-list.left article:nth-child(2){transform:translateX(-18px)}
.concern-list.left article:nth-child(3){transform:translateX(10px)}
.concern-list.right article:nth-child(1){transform:translateX(14px)}
.concern-list.right article:nth-child(2){transform:translateX(28px)}
.concern-list.right article:nth-child(3){transform:translateX(-4px)}
.concern-list b{font-family:var(--serif);font-size:31px;font-weight:700}
.concern-list img{width:78px;height:78px;padding:2px;border-radius:50%;background:#fce9eb}
.concerns-end{margin-top:38px;font-family:var(--serif);font-size:21px;font-weight:700}

/* 眠っているアイテム */
.small-heading{font-family:var(--sans);font-size:20px;font-weight:700}
.sleeping-grid figure{overflow:visible;margin-bottom:38px;border-radius:14px}
.sleeping-grid img{border-radius:14px}
.sleeping-grid figcaption{position:static;padding:14px 4px 0;background:transparent;font-family:var(--sans);font-size:17px;font-weight:700}

/* 3つの約束 */
.promises .section-heading h2{font-size:46px}
.promises .section-heading .en{font-size:15px}
.promise-grid article{padding-left:24px;padding-right:24px;border-color:#f4dfc2}
.promise-grid span{font-family:var(--serif);font-size:34px;font-weight:700}
.promise-grid h3{font-size:21px;font-weight:700;white-space:nowrap}
.promise-grid p{font-size:16px}

/* 買取価格 */
.price .section-heading h2{font-size:45px;color:var(--brown)}
.price .section-heading .en{font-size:14px;color:var(--brown)}
.product-card{background:var(--cream);border:1px solid #eee8df;box-shadow:none}
.product-card>div{background:var(--cream)}
.product-card h3{padding-bottom:10px;border-bottom:1px solid #d9d2ca}
.slider-wrap{overflow:hidden}
.product-slider{display:flex;overflow:visible;gap:24px;will-change:transform}
.product-slider .product-card{flex:0 0 calc((100% - 48px)/3.18)}
.slider-arrow{display:block;width:46px;height:46px;padding:0;border-color:#9acda0;color:var(--green-dark);font-size:25px;line-height:42px;text-align:center}
.slider-arrow.prev{left:10px}.slider-arrow.next{right:10px}
.search-heading{margin:34px 0 12px;text-align:center;font-family:var(--serif);font-size:27px;font-weight:700}
.product-search{max-width:760px;margin-top:0;padding:0;gap:10px;border:0;background:transparent}
.product-search input{border:1px solid #d4d9d3;border-radius:6px;background:#fff}
.product-search button{width:160px;border-radius:6px}

/* 39円保証 */
.guarantee h2{font-size:37px;font-weight:700}
.guarantee .condition{font-size:19px;color:var(--green);font-weight:800}
.guarantee .button{width:260px;background:transparent}
.guarantee .note{margin:13px 0 0}

/* カテゴリ */
.categories .section-heading h2{font-size:43px;color:#111}
.categories .section-heading .en{color:#111}
.category-grid figure{overflow:visible;margin-bottom:34px}
.category-grid img{border-radius:10px}
.category-grid figcaption{position:static;padding:12px 2px 0;background:transparent;font-size:16px}
.categories .wide{width:440px;background:transparent}

/* 3STEP */
.flow .section-heading>p:not(.en){margin:8px 0 18px;font-family:var(--serif);font-size:40px;font-weight:700;line-height:1.5}
.flow .section-heading h2{font-family:var(--sans);font-size:21px;font-weight:700;color:#f3ded0;letter-spacing:.04em}
.flow .section-heading h2 strong{font:inherit;font-size:1.2em;color:#f3ded0}
.step-grid article{overflow:visible;border-radius:12px;background:#fff}
.step-grid img{border-radius:12px 12px 0 0}
.step-grid b{top:calc((100% - 230px)*.43);padding:7px 20px;font-size:15px}
.step-grid article:not(:last-child)::after{top:40%;right:-36px;border-top-width:24px;border-bottom-width:24px;border-left-width:25px;border-left-color:#f3ded0}
.step-grid article div{min-height:230px}
.step-grid h3{font-family:var(--sans);font-weight:800;text-align:center}
.step-grid p{font-size:15px}

/* 売って終わり */
.no-push h2{font-size:43px;font-weight:800;color:var(--brown)}
.no-push-image{background-image:url(../images/section9_img.jpg);background-repeat:no-repeat;background-size:auto 134%;background-position:88% 86%}
.no-push ul{display:grid;gap:10px}
.no-push li{padding:0;background:transparent;box-shadow:none;color:var(--green-dark);font-size:16px;text-align:left}
.no-push li::before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;margin-right:10px;border-radius:50%;background:var(--green);color:#fff;font-weight:800}

/* FAQ・最終CTA */
.faq .section-heading h2,.faq .section-heading .en{color:#111}
.final-cta::before,.final-cta::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}
.final-cta::before{width:190px;height:190px;right:70px;top:-65px}
.final-cta::after{width:245px;height:245px;right:-75px;top:-15px;box-shadow:none}

@media(max-width:900px){
  .site-header .logo{width:104px}
  .hero{display:flex}
  .hero-copy{padding:32px 24px 56px}
  .hero-lead{margin-bottom:28px;font-size:15px;white-space:normal}
  .hero h1{font-size:37px;white-space:normal}
  .hero-image{min-height:465px;background-size:auto 128%;background-position:82% 38%}
  .section-heading h2,.concerns .section-heading h2,.promises .section-heading h2,.price .section-heading h2,.categories .section-heading h2{font-size:29px}
  .concerns-layout{display:grid;grid-template-columns:100px 125px 100px;gap:5px;align-items:center}
  .concerns-person{grid-column:2;grid-row:1;width:160px;max-width:none;max-height:365px;z-index:2;align-self:end;transform:translateX(-17px)}
  .concern-list{gap:20px;z-index:3}
  .concern-list.left{grid-column:1;grid-row:1}.concern-list.right{grid-column:3;grid-row:1}
  .concern-list article,.concern-list.right article{display:flex;width:100px;height:80px;padding:8px;flex-direction:column;align-items:flex-start;justify-content:center;transform:none!important}
  .concern-list article::after{right:-9px;border-top-width:8px;border-bottom-width:8px;border-left-width:10px}
  .concern-list.right article::after{left:-9px;border-right-width:10px}
  .concern-list b{font-size:19px;line-height:1}.concern-list p{margin:5px 0 0;font-size:10px;line-height:1.45}
  .concern-list img{position:absolute;right:5px;top:7px;width:40px;height:40px;padding:1px}
  .concerns-end{font-size:15px}
  .sleeping-grid figcaption,.category-grid figcaption{padding-top:10px;font-size:15px}
  .promise-grid h3{font-size:19px;white-space:normal}.promise-grid p{font-size:15px}
  .product-slider .product-card{flex-basis:100%}
  .search-heading{margin-top:28px;font-size:23px}
  .product-search{display:flex;gap:8px}.product-search input{width:auto;height:50px}.product-search button{width:108px;height:50px;padding:0 10px}
  .guarantee h2{font-size:27px}.guarantee .condition{font-size:15px}
  .category-grid figure{margin-bottom:22px}
  .flow .section-heading>p:not(.en){font-size:28px}
  .flow .section-heading h2{font-size:15px}
  .step-grid article div{min-height:0}
  .step-grid b{top:auto;bottom:calc(100% - 19px);font-size:13px}
  .step-grid article:not(:last-child)::after{top:auto;right:auto;bottom:-28px;left:calc(50% - 18px);border-left:18px solid transparent;border-right:18px solid transparent;border-top:18px solid #f3ded0;border-bottom:0}
  .no-push h2{font-size:30px}
  .no-push-image{background-size:auto 124%;background-position:88% 86%}
  .final-cta::before{width:120px;height:120px;right:20px;top:-30px}.final-cta::after{width:155px;height:155px;right:-55px;top:8px}
}

.hero-sp-intro,.sleeping-arrow,.sleeping-dots{display:none}

/* SP修正コメント1：375px時の共通コンテンツ幅を320pxに統一 */
@media(max-width:900px){
  :root{--sp-content:320px}
  .button:not(.header-cta){width:290px;height:62px;min-height:62px}

  /* FV */
  .hero{display:flex;flex-direction:column;background:var(--cream)}
  .hero-sp-intro{display:block;order:1;width:var(--sp-content);margin:0 auto;padding:30px 0 26px;font-size:15px;font-weight:400;line-height:1.75;text-align:left}
  .hero-image{order:2;width:100%;min-height:355px}
  .hero-copy{order:3;width:var(--sp-content);min-height:0;margin:0 auto;padding:58px 0 70px;text-align:left}
  .hero-copy .hero-lead{display:none}
  .hero h1{margin-bottom:24px;font-family:var(--serif);font-size:31px;line-height:1.55;text-align:left;white-space:nowrap}
  .hero-copy>p:not(.hero-lead){font-size:15px;line-height:1.8;text-align:left}
  .hero-actions{width:290px;margin:30px auto 0}

  /* 共通幅・見出し */
  .section-heading,.small-heading,.concerns-layout,.concerns-end,.sleeping-slider,.promise-grid,
  .slider-wrap,.search-heading,.product-search,.category-filters,.guarantee-inner,.category-grid,
  .step-grid,.flow-notes,.faq-list,.no-push-copy>*{width:var(--sp-content);max-width:100%;margin-left:auto;margin-right:auto}
  .section-heading h2{letter-spacing:.02em}

  /* お悩み */
  .concerns-layout{max-width:var(--sp-content)}
  .concern-list article,.concern-list.right article{width:320px;max-width:100%}
  .concern-list.left article:nth-child(2),.concern-list.right article:nth-child(1),.concern-list.right article:nth-child(3){margin-left:0}
  .concern-list article:nth-child(even){transform:translateX(12px)!important}
  .concern-list article:nth-child(odd){transform:translateX(-12px)!important}
  .concerns-end{font-size:18px;line-height:1.75;text-align:center}

  /* 眠っているアイテム */
  .sleeping .section-heading h2{font-size:27px;line-height:1.6}
  .sleeping-slider{position:relative}
  .sleeping-grid{display:flex;width:320px;gap:16px;margin:0;overflow:hidden;scroll-snap-type:x mandatory}
  .sleeping-grid figure{flex:0 0 320px;margin:0;overflow:hidden;background:#efeae3;border-radius:12px;scroll-snap-align:start}
  .sleeping-grid img{width:100%;aspect-ratio:320/260;object-fit:cover;border-radius:12px 12px 0 0}
  .sleeping-grid figcaption{min-height:60px;padding:15px 12px;background:#efeae3;font-size:16px}
  .sleeping-arrow{display:grid;place-items:center;position:absolute;top:118px;z-index:3;width:44px;height:44px;padding:0;border:1px solid #b9d9bb;border-radius:50%;background:#fff;color:var(--green);font-size:29px;line-height:1}
  .sleeping-prev{left:-17px}.sleeping-next{right:-17px}
  .sleeping-dots{display:flex;justify-content:center;gap:10px;margin-top:22px}
  .sleeping-dots i{display:block;width:14px;height:8px;border-radius:9px;background:#ddd6cf}
  .sleeping-dots i.is-active{width:54px;background:var(--green)}

  /* 3つの約束：アイコン横に本文 */
  .promises .section-heading h2{font-size:29px;line-height:1.55}
  .promise-grid article{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto 1fr;column-gap:18px;min-height:0;padding:34px 8px;text-align:left}
  .promise-grid article:first-child{padding-top:12px}
  .promise-grid span{grid-column:1/-1;margin-bottom:12px;font-size:29px;text-align:left}
  .promise-grid img{grid-column:1;grid-row:2/4;width:72px;height:72px;margin:2px 0 0}
  .promise-grid h3{grid-column:2;grid-row:2;margin:0 0 8px;font-size:18px;text-align:left}
  .promise-grid p{grid-column:2;grid-row:3;margin:0;font-size:14px;line-height:1.75;text-align:left}

  /* 今日の買取価格 */
  .price .section-heading h2{font-size:28px;line-height:1.55}
  .slider-wrap{max-width:var(--sp-content)}
  .slider-arrow{width:44px;height:44px;border-color:#b9d9bb;font-size:28px;line-height:40px}
  .slider-arrow.prev{left:-14px}.slider-arrow.next{right:-14px}
  .product-search::before{left:auto;right:17px}
  .product-search input{padding-right:50px;padding-left:20px}
  .category-filters{grid-template-columns:repeat(5,1fr)}

  /* 39円保証 */
  .guarantee-inner{align-items:stretch;text-align:left}
  .guarantee .en,.guarantee h2,.guarantee h2+p,.guarantee .condition,.guarantee .note{width:320px;max-width:100%;margin-left:auto;margin-right:auto;text-align:left}
  .guarantee h2{font-size:29px;line-height:1.55}
  .guarantee h2+p{font-size:16px;line-height:1.8;color:var(--green)}
  .guarantee .condition{font-size:16px}
  .guarantee .button{width:290px;margin-left:auto;margin-right:auto}
  .guarantee .note{font-size:13px;line-height:1.7}

  /* カテゴリ */
  .categories .section-heading h2{font-size:29px}
  .categories .wide{width:290px;height:70px;min-height:70px;line-height:1.45}

  /* 3STEP */
  .flow .section-heading>p:not(.en){font-size:28px;line-height:1.55}
  .step-grid{max-width:var(--sp-content)}
  .step-grid b{position:static;display:block;width:max-content;margin:-1px 0 0;padding:6px 20px;background:var(--green);font-size:15px}
  .step-grid article div{padding-top:24px}
  .flow-notes{font-size:14px;text-align:left}

  /* 売って終わり */
  .no-push-copy{padding-left:0;padding-right:0}
  .no-push h2{font-size:27px;line-height:1.6;white-space:nowrap}
  .no-push-copy>p:not(.en){font-size:16px;line-height:1.8}

  /* FAQ・最終CTA・フッター */
  .faq>.button{width:290px;height:62px;min-height:62px}
  .final-cta h2{font-family:var(--serif);font-size:28px;font-weight:700;line-height:1.65}
  .final-cta>p:not(.en){font-family:var(--sans)}
  .final-cta .button{width:290px;height:62px;min-height:62px}
  footer{padding:42px 0;text-align:left}
  footer .logo{display:block;width:132px;margin:0 auto 34px}
  footer nav{width:320px;margin:0 auto 34px;grid-template-columns:1fr 1fr;gap:14px 42px;text-align:left}
  footer small{display:block;width:320px;margin:0 auto;text-align:center}
}

/* 修正コメント4：お悩み吹き出しの比率と余白 */
@media(min-width:901px){
  .concern-list article,.concern-list.right article{width:340px;padding:10px 18px;column-gap:14px}
  .concern-list.left article{grid-template-columns:58px minmax(0,1fr) 82px}
  .concern-list.right article{grid-template-columns:82px minmax(0,1fr) 58px}
  .concern-list b{align-self:center;padding-left:8px}
  .concern-list.right b{padding-right:8px;padding-left:0}
  .concern-list img{display:block;width:78px;height:auto;aspect-ratio:1/1;align-self:center;object-fit:contain}
  .concern-list.left img{justify-self:end}
  .concern-list.right img{justify-self:start}
  .concern-list.left p{padding-left:2px}
  .concern-list.right p{padding-left:6px}
}

@media(max-width:900px){
  /* SPカンプ：アイコン→番号→本文の順。カード幅と左右の振りも再現 */
  .concerns-layout{max-width:335px}
  .concern-list article,.concern-list.right article{
    width:323px;height:91px;padding:4px 12px;
    grid-template-columns:82px 54px minmax(0,1fr);column-gap:4px
  }
  .concern-list article:nth-child(odd){justify-self:start}
  .concern-list article:nth-child(even){justify-self:end}
  .concern-list.left article:nth-child(2),.concern-list.right article:nth-child(1),.concern-list.right article:nth-child(3){margin-left:12px}
  .concern-list img,.concern-list.right img{
    grid-column:1;grid-row:1;display:block;width:76px;height:auto;aspect-ratio:1/1;
    align-self:center;justify-self:start;object-fit:contain
  }
  .concern-list b,.concern-list.right b{
    grid-column:2;grid-row:1;align-self:center;justify-self:center;
    padding:0;text-align:center;font-size:30px
  }
  .concern-list p,.concern-list.right p{
    grid-column:3;grid-row:1;align-self:center;padding-left:8px;
    font-size:14px;line-height:1.55
  }
  .concern-list article::after,.concern-list.right article::after{right:64px}

  /* カンプの375px幅で横方向のはみ出しを防止 */
  html,body{max-width:100%;overflow-x:hidden}
  .hero-copy,.section,.guarantee,.no-push-copy,.final-cta{width:100%}
}

/* 修正コメント3：PC/SP 最終ディテール */
.button:not(.header-cta){height:70px;min-height:70px}

/* お悩みカード内の各要素をカンプの比率に合わせる */
.concern-list article,.concern-list.right article{padding:10px 14px}
.concern-list b{line-height:1}
.concern-list p{margin:0;line-height:1.55}
.concern-list img{width:84px;height:84px;padding:0;object-fit:contain}

/* 商品名の後ろに罫線を置く */
.product-card h3{padding-bottom:0;border-bottom:0}
.product-card>div>p{padding-bottom:10px;border-bottom:1px solid #d9d2ca}

/* 検索欄とカテゴリUI */
.product-search{position:relative}
.product-search::before{content:"";position:absolute;left:17px;top:50%;z-index:1;width:20px;height:20px;transform:translateY(-50%);background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23746d69' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5'/%3E%3C/svg%3E")}
.product-search input{padding-left:50px}
.category-filters button{min-width:92px;height:42px;padding:0 20px;border-radius:999px}

/* 保証セクション */
.guarantee .condition{color:var(--green)}
.guarantee .button{margin-top:22px;margin-bottom:20px;border-radius:999px}

/* 営業連絡なし */
.no-push li{display:flex;align-items:center;color:var(--brown);font-weight:700;white-space:nowrap}
.no-push li::before{content:"";flex:none;width:25px;height:25px;margin-right:10px;border:2px solid var(--green);background:#fff no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12' fill='none' stroke='%2369b16d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1.5 6 4 4 9-9'/%3E%3C/svg%3E")}

/* 最終CTA */
.final-cta h2{font-family:var(--sans);font-weight:800}
.final-cta>p:not(.en){font-family:var(--sans);font-weight:600}

@media(max-width:900px){
  .button:not(.header-cta){height:70px;min-height:70px}
  .section{padding-top:88px;padding-bottom:88px}
  .section-heading{margin-bottom:46px}

  /* FV */
  .hero-image{min-height:355px;background-size:auto 120%;background-position:76% 44%}
  .hero-copy{min-height:475px;padding:54px 22px 70px}
  .hero h1{font-size:36px;line-height:1.5}
  .hero-actions{width:290px;max-width:100%;margin:22px auto 0;gap:20px}

  /* お悩み：人物の下に6カードを縦積み */
  .concerns{padding-left:20px;padding-right:20px}
  .concerns-layout{display:grid;grid-template-columns:1fr;gap:0;max-width:335px}
  .concerns-person{grid-column:1;grid-row:1;width:184px;max-height:235px;margin:0 auto -4px;transform:none}
  .concern-list.left,.concern-list.right{grid-column:1;display:grid;gap:12px;margin:0}
  .concern-list.left{grid-row:2}.concern-list.right{grid-row:3;margin-top:12px}
  .concern-list article,.concern-list.right article{display:grid;width:100%;height:90px;grid-template-columns:68px 1fr 42px;padding:9px 14px;border-radius:14px;transform:none!important}
  .concern-list article::after,.concern-list.right article::after{left:auto;right:62px;top:auto;bottom:-12px;transform:none;border:0;border-left:13px solid transparent;border-right:0;border-top:13px solid #fff}
  .concern-list img,.concern-list.right img{position:static;grid-column:1;grid-row:1;width:64px;height:64px}
  .concern-list p,.concern-list.right p{grid-column:2;grid-row:1;margin:0;font-size:13px;line-height:1.45}
  .concern-list b,.concern-list.right b{grid-column:3;grid-row:1;align-self:center;text-align:right;font-size:27px}
  .concerns-end{margin-top:48px;font-size:15px}

  /* アイテムは1枚＋次のカードが見える横並び */
  .sleeping{overflow:hidden}
  .sleeping-grid{display:flex;width:calc(100% + 20px);max-width:none;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .sleeping-grid::-webkit-scrollbar{display:none}
  .sleeping-grid figure{flex:0 0 calc(88% - 8px);scroll-snap-align:start}

  /* 3つの約束 */
  .promise-grid article{min-height:385px;padding:42px 18px;border-bottom-color:#eadbb8}
  .promise-grid article:first-child{padding-top:20px}
  .promise-grid img{width:145px;height:145px}
  .promise-grid span{display:block;text-align:left;font-size:31px}

  /* 買取価格 */
  .price-update{text-align:center;margin:36px 0 30px}
  .price-update span{margin-top:5px}
  .product-card>div{padding:22px 22px 25px}
  .product-card>div>p{padding-bottom:12px}
  .product-search{display:block;width:100%;padding:0}
  .product-search::before{top:25px}
  .product-search input{width:100%;height:50px;padding-left:50px;border-radius:999px}
  .product-search button{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .category-filters{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;overflow:visible;margin-top:18px}
  .category-filters button{min-width:0;width:100%;height:40px;padding:0 4px;font-size:11px}

  /* 39円保証 */
  .guarantee{padding:86px 20px 92px}
  .guarantee-inner{display:flex;flex-direction:column;gap:30px}
  .guarantee-inner>img{order:2;width:205px;margin:10px auto 0}
  .guarantee-inner>div{display:contents}
  .guarantee .en{order:1;margin:0}
  .guarantee h2{order:1;margin:0;font-size:27px}
  .guarantee h2+p{order:1;margin:0}
  .guarantee .condition{order:1;margin:0;color:var(--green)}
  .guarantee .button{order:3;margin:2px auto 0}
  .guarantee .note{order:4;margin:0}

  /* カテゴリ：上3・下2 */
  .category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px 10px}
  .category-grid figure{grid-column:span 2;margin:0}
  .category-grid figure:nth-child(4){grid-column:2/span 2}
  .category-grid figure:nth-child(5){grid-column:4/span 2;width:auto}
  .category-grid figcaption{font-size:13px}
  .categories .wide{width:290px;border-radius:999px}

  /* 3STEP */
  .step-grid{gap:66px}
  .step-grid article{border-radius:13px}
  .step-grid article div{min-height:230px;padding:31px 22px}
  .step-grid article:not(:last-child)::after{bottom:-45px;left:calc(50% - 36px);border-left-width:36px;border-right-width:36px;border-top-width:36px}
  .step-grid b{bottom:calc(100% - 20px);padding:7px 20px;font-size:15px}

  /* 売って終わり */
  .no-push-image{height:350px;background-size:auto 118%;background-position:48% 57%}
  .no-push-copy{min-height:510px;padding:58px 28px 70px}
  .no-push ul{display:grid;grid-template-columns:1fr;gap:16px;margin-top:36px}
  .no-push li{justify-content:flex-start;text-align:left;font-size:15px}

  /* FAQ・最終CTA */
  .faq>.button{border-radius:999px}
  .final-cta{padding-top:74px;padding-bottom:78px}
  .final-cta h2{font-size:28px;line-height:1.55}
  .final-cta>div{gap:18px}
}