@charset "utf-8";
@import url(css/responsive/danran/shared.css);
.spflex,.spflex[class*="linebox"]{display:flex;flex-flow:row wrap;justify-content:center;}
.spflex>li,.spflex[class*="linebox"]>li,#point .spflex>li{margin:auto;}
.spflex[class*="linebox"].limb10>li,#point .spflex.limb10>li{margin-bottom:10px;}
#mv.fade, #show>img.main{width:120%;position:relative;}
#mv.fade{left:-10%;}
.max-960 {max-width:960px;}
/*フォントサイズ追加*/
.fs-075em{font-size:.75em;}.fs-08125em{font-size:.8125em;}.fs-0875em{font-size:.875em;}.fs-09375em{font-size:.9375em;}.fs-1em{font-size:1em;}.fs-1125em{font-size:1.125em;}.fs-12em{font-size:1.2em;}.fs-125em{font-size:1.25em;}.fs-15em{font-size:1.5em;}.fs-175em{font-size:1.75em;}
.fs-075rem{font-size:.75rem;}.fs-08125em{font-size:.8125rem;}.fs-0875rem{font-size:.875rem;}.fs-09375rem{font-size:.9375rem;}.fs-1rem{font-size:1rem;}.fs-1125rem{font-size:1.125rem;}.fs-125rem{font-size:1.25rem;}.fs-15rem{font-size:1.5rem;}.fs-175rem{font-size:1.75rem;}
/*mb mt pb pt lh ls　追加*/
.pt0,.pv0,.pa0{padding-top:0;}.pr0,.ph0,.pa0{padding-right:0;}.pb0,.pv0,.pa0{padding-bottom:0;}.pl0,.ph0,.pa0{padding-left:0;}
.mt0,.mv0,.ma0{margin-top:0;}.mr0,.mh0,.ma0{margin-right:0;}.mb0,.mv0,.ma0{margin-bottom:0;}.ml0,.mh0,.ma0{margin-left:0;}
.pt5,.pv5,.pa5{padding-top:5px;}.pr5,.ph5,.pa5{padding-right:5px;}.pb5,.pv5,.pa5{padding-bottom:5px;}.pl5,.ph5,.pa5{padding-left:5px;}
.mt5,.mv5,.ma5{margin-top:5px;}.mr5,.mh5,.ma5{margin-right:5px;}.mb5,.mv5,.ma5{margin-bottom:5px;}.ml5,.mh5,.ma5{margin-left:5px;}
.pt10,.pv10,.pa10{padding-top:10px;}.pr10,.ph10,.pa10{padding-right:10px;}.pb10,.pv10,.pa10{padding-bottom:10px;}.pl10,.ph10,.pa10{padding-left:10px;}
.mt10,.mv10,.ma10{margin-top:10px;}.mr10,.mh10,.ma10{margin-right:10px;}.mb10,.mv10,.ma10{margin-bottom:10px;}.ml10,.mh10,.ma10{margin-left:10px;}
.pt20,.pv20,.pa20{padding-top:20px;}.pr20,.ph20,.pa20{padding-right:20px;}.pb20,.pv20,.pa20{padding-bottom:20px;}.pl20,.ph20,.pa20{padding-left:20px;}
.mt20,.mv20,.ma20{margin-top:20px;}.mr20,.mh20,.ma20{margin-right:20px;}.mb20,.mv20,.ma20{margin-bottom:20px;}.ml20,.mh20,.ma20{margin-left:20px;}
.pt30,.pv30,.pa30{padding-top:30px;}.pr30,.ph30,.pa30{padding-right:30px;}.pb30,.pv30,.pa30{padding-bottom:30px;}.pl30,.ph30,.pa30{padding-left:30px;}
.mt30,.mv30,.ma30{margin-top:30px;}.mr30,.mh30,.ma30{margin-right:30px;}.mb30,.mv30,.ma30{margin-bottom:30px;}.ml30,.mh30,.ma30{margin-left:30px;}
.pt40,.pv40,.pa40{padding-top:40px;}.pr40,.ph40,.pa40{padding-right:40px;}.pb40,.pv40,.pa40{padding-bottom:40px;}.pl40,.ph40,.pa40{padding-left:40px;}
.mt40,.mv40,.ma40{margin-top:40px;}.mr40,.mh40,.ma40{margin-right:40px;}.mb40,.mv40,.ma40{margin-bottom:40px;}.ml40,.mh40,.ma40{margin-left:40px;}
.pt60,.pv60,.pa60{padding-top:60px;}.pr60,.ph60,.pa60{padding-right:60px;}.pb60,.pv60,.pa60{padding-bottom:60px;}.pl60,.ph60,.pa60{padding-left:60px;}
.mt60,.mv60,.ma60{margin-top:60px;}.mr60,.mh60,.ma60{margin-right:60px;}.mb60,.mv60,.ma60{margin-bottom:60px;}.ml60,.mh60,.ma60{margin-left:60px;}
.pt80,.pv80,.pa80{padding-top:80px;}.pr80,.ph80,.pa80{padding-right:80px;}.pb80,.pv80,.pa80{padding-bottom:80px;}.pl80,.ph80,.pa80{padding-left:80px;}
.mt80,.mv80,.ma80{margin-top:80px;}.mr80,.mh80,.ma80{margin-right:80px;}.mb80,.mv80,.ma80{margin-bottom:80px;}.ml80,.mh80,.ma80{margin-left:80px;}
.pt100,.pv100,.pa100{padding-top:100px;}.pr100,.ph100,.pa100{padding-right:100px;}.pb100,.pv100,.pa100{padding-bottom:100px;}.pl100,.ph100,.pa100{padding-left:100px;}
.mt100,.mv100,.ma100{margin-top:100px;}.mr100,.mh100,.ma100{margin-right:100px;}.mb100,.mv100,.ma100{margin-bottom:100px;}.ml100,.mh100,.ma100{margin-left:100px;}
.lh0{line-height:0;}.lh1{line-height:1;}.lh15{line-height:1.5;}.lh2{line-height:2;}
.ls{letter-spacing:.1em;}.ls05{letter-spacing:.5em;}.ls1em{letter-spacing:1em;}
/*Arie・HUCKページ*/
.noteline{line-height:2;background:linear-gradient(#fff,#fff 1.9em,#000 1.9em);background-size:100% 2em;display:block;}
.noteline{background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 97.5%, #000 97.5%, #000 100%);background-size:100% 2em;}
.sideline {position:relative;padding:0 65px;text-align:center;}
.sideline:before {position:absolute;top:calc(50% - 1px);left:0;width:100%;height:2px;content:'';background:#000;}
.sideline span {position:relative;padding:0 1em;background:#fff;font-size:1.3em;}
.as-c{align-self:center;}
[class*="typebox"].t-l>li{text-align:left;}
.linebox-c-w{background:#fff;border:solid 1px #000;}
/*Coastに使用*/
.as-c{align-self:center;}
/*HOMA2*/
.max-100 {max-width:100px;}
.topttl-homa2{position:relative;padding-top:50px;padding-bottom:20px;font-size:26px;text-align:center;font-style:normal;}
.topttl-homa2::before {content:attr(data-en);position:absolute;top:20px;left:50%;transform:translateX(-50%);color:#e5f6ff;font-size:35px;z-index:-1;}
.linebox-homa2{border:none;background-color:#fff1dc;box-shadow:1px 1px 0 #fff inset, -1px -1px 0 #fff inset;}
.limb10>li{margin-bottom:10px;}
.boxwrap-homa2{padding-top:30px;}
.box-img-homa2{margin:0 auto;text-align:center;width:80%;}
.box-img-homa2 img{width:100%;margin:0;height:100%;object-fit:cover;font-family:'object-fit:cover;';}
.box-txt-homa2{padding:30px 5%;}
.box-txt-homa2[lang="en"]{text-transform:uppercase;color:#083a71;}
.int-ttl-homa2{display:block;position:relative;font-weight:bold;font-family:sans-serif;border-bottom:1px solid;padding:0 0 1em;}
.int-ttl-homa2::before {content:attr(title);display:block;position:absolute;right:0;top:-0.1em;font-size:10em;color:hwb(25deg 74% 0% / 20%);line-height:1;font-family:'Arial',serif;}
.bg-homa2{background:#f1e9d6;}
.cont-txt-homa2{background:#f5f5f5;margin:0px 1px 20px auto;padding:99px 30px 50px;position:relative;}
.grad_big-homa2{text-align:center;position:absolute;width:100%;top:11px;left:0;}
.grad_text-homa2{font-family:'Arial',serif;font-size:1.3rem;letter-spacing:.2rem;line-height:100%;background-color:#cedee7;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.num-homa2{font-size:3rem;font-weight:bold;font-family:'Arial',serif;}
.cont-txt-homa2 .num-homa2{font-size:3rem;}
.homa2-h5{border-bottom:1px dotted #a3a3a3;clear:both;font-weight:bold;font-size:1.2em;line-height:1.25;position:inherit;margin-bottom:20px;padding:8px;}
.ff-homa2 {font-family:"Times New Roman","游明朝","Yu Mincho",YuMincho,serif;}
.haikei-homa2 {padding:20px;background:#f5f5f5;}
.boxwraptitle-homa2{padding-top:30px;}
.boxtitle-img-homa2{margin:0 auto;text-align:center;width:80%;}
.boxtitle-img-homa2 img{width:100%;margin:0;height:100%;object-fit:cover;font-family:'object-fit:cover;';}
.boxtitle-txt-homa2{padding:30px 5%;}
.boxtitle-txt-homa2[lang="en"]{text-transform:uppercase;color:#083a71;}
.pconly{position:absolute;left:120%;top:0;}/*SPの時に消す*/
.v-bar{width:100px;height:3px;display:block;border-radius:20px;background:#333;margin:0 auto;30px;margin:10px auto 40px;}
.spanin span{display:inline-block;}
.sp-inline{content:"";float:left;display:none;}
/*リフォームページ*/
.cont-wrap{position:relative;z-index:1;padding-top:200px;}
.cont-wrap .cont-img{width:100%;position:absolute;z-index:-1;top:0;left:0;}
.cont-wrap .cont-txt{margin:-30px 9px 0 14px;-webkit-box-shadow:0 0 3px 1px #dedede;box-shadow:0 0 3px 1px #dedede;background:rgb(255 255 255 / 88%);padding:60px 20px 20px;position:relative;}
.cont-txt .grad_big{text-align:center;position:absolute;width:100%;top:-40px;left:0;}
.cont-txt .grad_text{font-family:'Arial',serif;font-size: 1.3rem;letter-spacing: .2rem;line-height: 100%;background-image: linear-gradient(45deg,#aa8f7e 0%,#c44c00 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.cont-txt .num{font-size:5rem;font-weight:600;}
.cont-wrap:nth-child(even) .cont-img{text-align:right;}
/*contact*/
.contactbox{margin:20px 0 0;}
.contactbox .wrap{text-align:center;overflow:hidden;padding:0;}
.contactbox address,.contactbox aside,.contactbox ul{display:inline-block;margin:0 auto;vertical-align:middle;position:relative;overflow:hidden;}
.contactbox address,.contactbox aside{font-size:1.4em;line-height:1.25;padding:0 2% 8px 2%;text-align:left;}
.contactbox address>span,.contactbox aside>span{display:block;}.contactbox aside>span+span{margin-top:5px;}
.contactbox aside>span>span:first-child::after{content:"\ff1a";margin:0 4px;}
.contactbox .tel{font-size:30px;font-size:9vw;padding-left:1.25em;position:relative;display:block;color:#e02523;}
.contactbox .tel::before{content:"";display:inline-block;width:1.2em;height:1.2em;background:url("../../../images/design/tel.png") center center no-repeat;background-size:contain;position:absolute;left:0;top:0;}
.contactbox ul{padding:20px 0 0 0;width:100%;}
.contactbox a[class|="btn"]{max-width:240px;height:50px;margin:0 auto;min-width:inherit;}
.contactbox a[class|="btn"]::before{width:100%;background:url("../../../images/design/form.png") center center no-repeat;background-size:contain;}
.linebox3{padding:20px 15px;;display:block;border:none;background:#e4edf0;box-shadow:none;}
.linebox4{padding:20px 10px;;display:block;border:none;background:#fff;box-shadow:none;}
.linebox5{padding:20px 10px;;display:block;border:none;background:#f7f7f7;box-shadow:none;}
/*文字に背景*/
.waku{background:#454545;padding:2px 10px;margin:10px 0px;color:#fff;display:inline-block;}
/*トップページに使用*/
.boxwrap{background:#faf7f4;overflow:visible;margin:50px auto 100px auto;/*box-shadow:rgb(0 0 0 / 12%) 0px 0px 15px;*/}
.box-img{margin:0 auto;text-align:center;width:80%;}
.box-txt{padding:30px 5%;}
/*.box-txt .fs-5{padding:0;text-align:center;background:none;background-color:none;font-size:2em;color:#333;}*/
.box-txt .fs-5{border-bottom:1px solid;padding:0 0 1em;color:#333;}
.t-c-l{text-align:center;}
.t-l-c{text-align:left;}
.boxwrap .a-btn{padding:1.1em 2em;font-size:14px;}
.box-img img{width:100%;margin:0;height:100%;object-fit:cover;font-family:'object-fit:cover;'; margin-top:-50px;}
#top_lineups{padding:40px 0 0;}
.u_yajirushi{display:block;vertical-align:middle;color:#333;line-height:2;width:0;height:0;border-style:solid;border-color:transparent;border-width:0.64952em 0.375em;border-top-color:currentColor;border-bottom:0;margin:10px auto;}

@media (min-width:23em){
.contactbox .tel{font-size:30px;}/*contact*/
}
@media (min-width:30em){
.reverse{flex-direction:row-reverse;}
#point li{padding:0;}#point ul{padding:0 4.6875%;}/*「#point」内でのliの横幅調整*/
}
@media(min-width:48em){
.boxwrap-homa2{display:flex;justify-content:space-between;padding-top:0;/* margin-bottom:30px;*/}
.boxwrap-homa2:nth-child(odd) .box-img-homa2{order:2;}
.boxwrap-homa2:nth-child(odd) .box-txt-homa2{order:1;}
.box-img-homa2{margin:0;width:50%;}
.box-txt-homa2{/*padding:50px 8%;*/width:50%;}
.topttl-homa2::before{top:-10px;font-size:72px;}
.boxwraptitle-homa2{display:flex;justify-content:space-between;padding-top:0;margin-bottom:80px;}
.boxwraptitle-homa2:nth-child(odd) .box-img{order:2;}
.boxwraptitle-homa2:nth-child(odd) .box-txt{order:1;}
.boxtitle-img-homa2{margin:0;width:50%;}
.boxtitle-txt-homa2{/*padding:50px 8%;*/width:50%;}
.flex-reverse{flex-direction:row-reverse;}
.sponly{position:absolute;left:120%;top:0;}/*PCの時に消す*/
.pconly{position:static;}/*PCの時に出す*/
.sp-inline{content:none;float:none;display:inherit;}.pc-inline{content:"";float:left;display:none;}
/*リフォームページ*/
.cont-wrap{padding-top:135px;}
.cont-wrap .cont-img img{max-width:60%;}
.cont-wrap .cont-txt{max-width:570px;margin:0 3px 0 auto;padding:60px 55px 50px;}
.cont-wrap:nth-child(even) .cont-txt{margin:0 auto 0 3px;}
/*contact*/
.contactbox .wrap{display:table;border-collapse:collapse;border-spacing:0;width:100%;padding:0;overflow:visible;text-align:left;}
.contactbox address,.contactbox aside,.contactbox ul{display:table-cell;margin:0;vertical-align:middle;padding:5px 15px;}
.contactbox address{width:1%;white-space:nowrap;overflow-wrap:normal;word-wrap:normal;box-shadow:-1px 0 0 #fff inset;}.contactbox aside{border-left:1px solid #e5d6ca;}.contactbox ul{width:255px;text-align:right;padding-left:0;}
/*トップページに使用*/
.boxwrap{display:flex;justify-content:space-between;margin-right:60px;}
.boxwrap:nth-child(odd) .box-img{order:2;}
.boxwrap:nth-child(odd) .box-txt{order:1;}
.box-img{margin:0;width:60%;}
.box-txt .h3{text-align:left;font-size:2.88em;}
.box-txt{padding:50px 8%;width:60%;}
.boxwrap::before{top:-60px;}
.box-img img{margin:-40px -100px 0 0;}
.box-txt{padding:60px 0 60px 5%;background-size:150px;}
.boxwrap:nth-child(even) .box-img img{margin:-40px 0 0 -100px;}
.boxwrap:nth-child(even) .box-txt{padding:60px 5% 60px 0;}
.boxwrap:nth-child(even) {margin-right:0;margin-left:60px;}
#top_lineups{padding:50px 12% 0;}
}

/* =========================================================
   rhp2 + reform-cat-nav（リフォームTOP UI）追記CSS
   ※既存CSSの末尾にそのまま貼る（上書き競合を最小化）
========================================================= */

/* ---- MTの「改行無し」やテーマ側のp/ul等の詰まり対策（このUI内だけ） ---- */
.rhp2, .reform-cat-nav{
  box-sizing:border-box;
}
.rhp2 *,.reform-cat-nav *{
  box-sizing:border-box;
}
.rhp2 p,.rhp2 ul,.rhp2 ol,.rhp2 li,
.reform-cat-nav p,.reform-cat-nav ul,.reform-cat-nav ol,.reform-cat-nav li{
  margin:0;
  padding:0;
}
.rhp2 p,.reform-cat-nav p{
  word-break:break-word;
  overflow-wrap:anywhere;
}

/* =========================
   ① rhp2（トップ訴求）
========================= */
.rhp2{
  padding:18px;
  margin:0 auto 28px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 26px rgba(0,0,0,.10);
}
@media (max-width:760px){
  .rhp2{padding:14px;margin-bottom:22px;}
}

/* top row */
.rhp2-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 12px;
  flex-wrap:wrap;
}
.rhp2-badge{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(0,0,0,.03);
  font-size:12px;
  font-weight:900;
  color:#111;
  line-height:1.4;
  white-space:nowrap;
}
.rhp2-mini{
  font-size:12px;
  color:#555;
  line-height:1.5;
  white-space:nowrap;
}
@media (max-width:760px){
  .rhp2-mini{white-space:normal;}
}

/* main layout */
.rhp2-main{
  display:flex;
  gap:14px;
  align-items:stretch;
  flex-wrap:wrap;
}
.rhp2-left{
  flex:1 1 520px;
  min-width:280px;
  padding:4px 2px 2px;
}
.rhp2-right{
  flex:0 0 320px;
  min-width:280px;
}
@media (max-width:760px){
  .rhp2-right{flex:1 1 100%;}
}

/* copy */
.rhp2-title{
  margin:0 0 10px;
  font-size:22px;
  font-weight:900;
  line-height:1.35;
  color:#111;
  letter-spacing:.01em;
}
@media (max-width:760px){
  .rhp2-title{font-size:18px;}
}
.rhp2-lead{
  margin:0 0 12px;
  font-size:13px;
  line-height:1.9;
  color:#333;
}
.rhp2-lead b{font-weight:900;color:#111;}

/* points */
.rhp2-points{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:8px;
}
.rhp2-point{
  flex:1 1 160px;
  min-width:160px;
  background:#fafafa;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  padding:12px 12px 11px;
}
.rhp2-point .t{
  display:block;
  font-size:13px;
  font-weight:900;
  margin:0 0 4px;
  color:#111;
  line-height:1.4;
}
.rhp2-point .d{
  display:block;
  font-size:12px;
  color:#444;
  line-height:1.7;
}

/* cta card */
.rhp2-cta{
  border:1px solid rgba(0,0,0,.10);
  border-radius:16px;
  background:#fff;
  padding:14px;
  box-shadow:0 10px 22px rgba(0,0,0,.08);
  height:100%;
}
.rhp2-cta-title{
  margin:0 0 10px;
  font-size:13px;
  font-weight:900;
  color:#111;
  line-height:1.6;
}
.rhp2-btn{
  display:block;
  text-decoration:none;
  text-align:center;
  font-weight:900;
  font-size:13px;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.12);
  margin:0 0 10px;
  transition:transform .15s ease, box-shadow .15s ease;
}
.rhp2-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(0,0,0,.14);
}
.rhp2-btn-tel{background:#111;color:#fff;border-color:#111;}
.rhp2-btn-form{background:rgba(0,0,0,.04);color:#111;}
.rhp2-note{
  margin:0;
  font-size:12px;
  color:#555;
  line-height:1.7;
}
.rhp2-note b{color:#111;}

/* bottom chips */
.rhp2-bottom{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(0,0,0,.08);
}
.rhp2-bottom .label{
  display:inline-block;
  font-size:12px;
  font-weight:900;
  color:#111;
  margin-right:8px;
  margin-bottom:6px;
}
.rhp2-chip{
  display:inline-block;
  margin:6px 6px 0 0;
  padding:6px 10px;
  font-size:12px;
  color:#333;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  line-height:1.4;
  white-space:nowrap;
}

/* =========================
   ② reform-cat-nav（カード導線）
========================= */
.reform-cat-nav{
  margin:0 auto 22px;
}
.reform-cat-nav .rcn-lead{
  margin:10px 0 16px;
  line-height:1.9;
  font-size:13px;
  color:#444;
}

/* Grid */
.reform-cat-nav .rcn-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}
@media (max-width:760px){
  .reform-cat-nav .rcn-grid{grid-template-columns:1fr;gap:12px;}
}

/* card */
.reform-cat-nav .rcn-card{
  display:flex;
  flex-direction:column;
  height:100%;
  text-decoration:none;
  color:inherit;
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.075);
  box-shadow:0 1px 0 rgba(0,0,0,.04), 0 10px 24px rgba(0,0,0,.07);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  will-change:transform;
}
.reform-cat-nav .rcn-card:hover{
  transform:translateY(-2px);
  box-shadow:0 1px 0 rgba(0,0,0,.05), 0 18px 40px rgba(0,0,0,.12);
  border-color:rgba(0,0,0,.12);
}
.reform-cat-nav .rcn-card:focus,
.reform-cat-nav .rcn-card:focus-visible{
  outline:none;
  box-shadow:0 1px 0 rgba(0,0,0,.05),
             0 18px 40px rgba(0,0,0,.12),
             0 0 0 3px rgba(0,0,0,.18);
}

/* image */
.reform-cat-nav .rcn-imgwrap{
  position:relative;
  flex-shrink:0;
  overflow:hidden;
}
.reform-cat-nav .rcn-img{
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  object-fit:cover;
  display:block;
  transform:scale(1.001);
  transition:transform .35s ease;
}
.reform-cat-nav .rcn-card:hover .rcn-img{transform:scale(1.06);}

/* image grad for readability */
.reform-cat-nav .rcn-imgwrap:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:40%;
  background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.06));
  pointer-events:none;
}

/* badge */
.reform-cat-nav .rcn-badge{
  position:absolute;
  left:12px;
  top:12px;
  padding:6px 12px;
  font-size:12px;
  font-weight:800;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(0,0,0,.10);
  box-shadow:0 2px 10px rgba(0,0,0,.06);
  backdrop-filter:blur(6px);
}
.reform-cat-nav .badge-pop{background:rgba(255,255,255,.94);}
.reform-cat-nav .badge-low{background:rgba(255,255,255,.92);}
.reform-cat-nav .badge-up {background:rgba(255,255,255,.90);}
.reform-cat-nav .badge-all{background:rgba(255,255,255,.93);}

/* body */
.reform-cat-nav .rcn-body{
  padding:14px 14px 12px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.reform-cat-nav .rcn-title{
  font-size:16px;
  font-weight:900;
  margin:0 0 6px;
  line-height:1.35;
  letter-spacing:.01em;
}
.reform-cat-nav .rcn-desc{
  font-size:13px;
  line-height:1.85;
  color:#333;
  margin:0;
}

/* cta */
.reform-cat-nav .rcn-cta{
  margin-top:auto;
  font-size:12px;
  font-weight:900;
  color:#111;
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(0,0,0,.03);
  align-self:flex-start;
  transition:transform .16s ease, background .16s ease;
}
.reform-cat-nav .rcn-card:hover .rcn-cta{
  transform:translateY(-1px);
  background:rgba(0,0,0,.05);
}

/* 見出しが詰まる/表示が崩れるテーマ対策（reform-cat-nav内だけ） */
.reform-cat-nav .h3{
  display:block;
  margin:0 0 8px;
  line-height:1.35;
}

/* =========================
   SPでカード感を強める（rhp2）
========================= */
@media (max-width: 760px){
  .rhp2{
    background:#fff;
    box-shadow:0 14px 34px rgba(0,0,0,.16);
    border-radius:22px;
  }

  .rhp2-left{
    padding:6px 4px 0;
  }

  .rhp2-point{
    background:#fff;
    box-shadow:0 8px 18px rgba(0,0,0,.08);
    border:none;
  }

  .rhp2-cta{
    margin-top:14px;
    background:#f7f7f7;
    box-shadow:0 12px 28px rgba(0,0,0,.14);
    border-radius:18px;
  }

  .rhp2-btn{
    font-size:14px;
    padding:14px;
  }
}