@charset "UTF-8";


.card-divider{
    margin: 10px 0;
}
.card{
grid-template-columns: none;
}
/* モバイル時は縦積み */
@media (max-width:767px){
  .step { grid-template-columns:1fr }
}

/*サービスラインナップ*/
.service {
  width: min(100%, 1000px);

}
.service__lead { text-align:center; color:var(--ink-weak); margin-bottom:24px; }
.service-list { display:grid; gap:18px; }


@media (max-width:767px){
  /* 「STEP」直下の並び */
  .step{
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }
}


li:first-child {
margin-top: 0;
}

/*card-divide*/
.section.card-list > .card.card--band.step:nth-of-type(2) > .card-divider{
  grid-column: 1 / -1;
}


.block100 {
  height: 100px;
  display: block;
  width: 100%;
  pointer-events: none;
}

/* QA */
:root{
  --accent:#009591;
  --border:#e6e6e6;
  --radius:14px;
  --shadow:0 6px 20px rgba(0,0,0,.06);
  --q-open-bg:#f3f5f6;   /* ★ 開いたときのQ行の背景 */
}

.faq.container{width:min(100% - 32px, 980px); margin:32px auto;}
.faq-title{font-size:clamp(20px,2.6vw,28px); margin:0 0 16px;}
.faq-list{list-style:none; padding:0; margin:0; display:grid; gap:12px;}

.faq-item{
  background:#fff; overflow:hidden;
}

/* Q（行全体がボタン） */
.faq-q{
  width:100%; display:flex; justify-content:space-between; align-items:center;
  gap:16px; padding:14px 16px; background:#fff; border:0; text-align:left;
  font-size:16px; line-height:1.5; font-weight:500; cursor:pointer;
  transition:background-color .2s ease;
 -webkit-tap-highlight-color: transparent;
  color: #000;}

.faq-q:focus,
.faq-q:active {
  color: #000;
  outline: none;
}

.faq-q:hover{background:#fafafa;}
.faq-q:focus-visible{outline:3px solid var(--accent); outline-offset:2px;}

/* 開いているときはQ行グレーに */
.faq-q[aria-expanded="true"]{ background: var(--q-open-bg); }

.q-text{display:flex; align-items:center; gap:8px;}
.q-label{color:var(--accent); font-weight:800;}

/* + アイコン */
.icon{position:relative; width:22px; height:22px; flex:0 0 22px;}
.icon::before,.icon::after{
  content:""; position:absolute; left:50%; top:50%;
  width:16px; height:2px; background:#CCCCCC; transform:translate(-50%,-50%);
  transition:transform .22s ease, opacity .22s ease;
}
.icon::after{transform:translate(-50%,-50%) rotate(90deg);} /
.faq-q[aria-expanded="true"] .icon::after{opacity:0; transform:translate(-50%,-50%) rotate(90deg) scaleX(0);}

/* A */
.faq-a{
  max-height:0; overflow:hidden; transition:max-height .28s ease; padding:0 16px; background:#fff;
}
.faq-a p{margin:16px 0 18px; color:#444;}

@media (prefers-reduced-motion: reduce){
  .faq-a{transition:none}
  .icon::before,.icon::after{transition:none}
}
.step__list li {
 border-bottom: 1px solid var(--border);
}
.card-divider {
margin: 0px 0;
}
li:not(.breadcrumb__item) {
margin: 0;
}
.step__list { overflow: hidden; }  
.step__list li { min-width: 0; } 
.step__list li > * { min-width: 0; margin-bottom: 0px;
margin-top: 0px;font-size: 14px;
line-height: 1.5;} 

.top.step__list {
border-top: 1px solid var(--border);
}
.step__list {
padding-left: 0em;
}
.step__list {
margin: 0em;
padding: 0;
}

#faq .card-list { --side-pad: clamp(0px, 3vw, 40px); }

#faq .card.card--band.step{
  box-sizing: border-box;
  width: 1000px;
  max-width: none;
  margin-inline: calc(var(--side-pad) * -1); 
}


@media (max-width: 999px){
  #faq .card.card--band.step{
    width: auto;
    margin-inline: 0;
  }
}


@media (max-width:767px){
  .card { gap: 10px; }
}
#fqa .card-list { padding-inline: 20px; --side-pad: 20px; }


.page-subtitle,.center__title.private {
font-size: 1.50rem;
}