@media screen and (min-width: 769px) {
/* ============================================================
   10. セクション7: お問い合わせ後の流れ
   ============================================================ */

.sec-7 {
  position: relative;
  width: 100%;
  max-width: var(--content-max-width);
  margin: 0 auto;
  overflow: hidden;
  background: #FFFFFF; /* Figmaの指定に合わせて今後変更可能性がありますが一旦白 */
  height: 1470px; /* 10266 - 8796 */
}

.sec-7__inner {
  position: absolute;
  width: 1920px;
  height: 100%;
  top: 0;
  left: calc(50% - 960px);
  pointer-events: auto;
}

/* SP用ラッパーをPC版では透過させる */
.sec-7__scroll,
.sec-7__slide {
  display: contents;
}

/* SP用スクロールインジケーターはPC非表示 */
.sec-7__scroll-indicator {
  display: none;
}

/* --- タイトル画像 --- */
.sec-7__title {
  position: absolute;
  width: 346px;
  height: 35px;
  left: calc(50% - 346px/2);
  top: 120px; /* 8916 - 8796 (sec6終端) */
  background: url('../images/sec7/お問い合わせ後の流れ 1.png') no-repeat center center / contain;
  z-index: 2;
}

/* --- フロー間を繋ぐ矢印ライン（1つのSVGで隙間なし） --- */
.sec-7__arrow {
  position: absolute;
  width: 42px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 22'%3E%3Cline x1='0' y1='11' x2='40' y2='11' stroke='%231E333B' stroke-width='3'/%3E%3Cpolyline points='30,1 40,11 30,21' fill='none' stroke='%231E333B' stroke-width='3' stroke-linejoin='miter'/%3E%3C/svg%3E") no-repeat center / contain;
  z-index: 2;
}

.arrow-pos-1 { left: 755px; top: 490px; }  /* 元: 760/499, 視覚中心補正 -5/-9 */
.arrow-pos-2 { left: 1107px; top: 490px; }
.arrow-pos-3 { left: 755px; top: 970px; }  /* 元: 760/979, 視覚中心補正 -5/-9 */
.arrow-pos-4 { left: 1107px; top: 970px; }

/* --- ステップの丸い背景（小） --- */
.sec-7__circle-sm {
  position: absolute;
  width: 31px;
  height: 31px;
  background: #1E333B;
  border-radius: 50%;
  z-index: 2;
}
.pos-sm-1 { left: 593px; top: 245px; } /* 9041 - 8796 */
.pos-sm-2 { left: 945px; top: 245px; }
.pos-sm-3 { left: 1297px; top: 245px; }
.pos-sm-4 { left: 593px; top: 771px; } /* 9567 - 8796 */
.pos-sm-5 { left: 945px; top: 771px; }
.pos-sm-6 { left: 1297px; top: 771px; }

/* --- ステップの丸い背景（大） --- */
.sec-7__circle-lg {
  position: absolute;
  width: 127px;
  height: 126px;
  background: #1E333B;
  border-radius: 50%;
  z-index: 2;
}
.pos-lg-1 { left: 543px; top: 346px; } /* 9142 - 8796 */
.pos-lg-2 { left: 895px; top: 346px; }
.pos-lg-3 { left: 1247px; top: 346px; }
.pos-lg-4 { left: 543px; top: 872px; } /* 9668 - 8796 */
.pos-lg-5 { left: 895px; top: 872px; }
.pos-lg-6 { left: 1247px; top: 872px; }

/* --- ステップのカード（白枠） --- */
.sec-7__card {
  position: absolute;
  width: 312px;
  height: 417px;
  background: #FFFFFF;
  box-shadow: 3px 4px 25px -3px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  z-index: 1; /* 内側の背後 */
}
.pos-card-4 { left: 452px; top: 787px; } 
.pos-card-5 { left: 804px; top: 787px; } 
.pos-card-6 { left: 1156px; top: 787px; } /* 9583 - 8796 */

/* --- ステップのカード（白枠・長め） --- */
.sec-7__card-lg {
  position: absolute;
  width: 312px;
  height: 469px;
  background: #FFFFFF;
  box-shadow: 3px 4px 25px -3px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  z-index: 1; /* 内側の背後 */
}
.pos-card-1 { left: 452px; top: 261px; } /* 9057 - 8796 */
.pos-card-2 { left: 804px; top: 261px; } 
.pos-card-3 { left: 1156px; top: 261px; } 

/* --- ステップ番号 --- */
.sec-7__num {
  position: absolute;
  width: 31px; /* 小さい丸の幅に合わせて中央揃え */
  height: 44px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 44px;
  text-align: center;
  color: #FFFFFF;
  z-index: 4; /* アイコンより上 */
}
.pos-num-1 { left: 593px; top: 239px; } /* 9035 - 8796 */
.pos-num-2 { left: 945px; top: 239px; }
.pos-num-3 { left: 1297px; top: 239px; }
.pos-num-4 { left: 593px; top: 765px; } /* 9561 - 8796 */
.pos-num-5 { left: 945px; top: 765px; } 
.pos-num-6 { left: 1297px; top: 765px; } /* 9561 - 8796 (中央位置を合わせる) */

/* --- ステップタイトル --- */
.sec-7__card-title {
  position: absolute;
  width: 271px;
  height: 35px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  color: #1E333B;
  z-index: 3;
}
.pos-title-1 { left: 471px; top: 301px; } /* 9097 - 8796 */
.pos-title-2 { left: 823px; top: 301px; }
.pos-title-3 { left: 1175px; top: 301px; }
.pos-title-4 { left: 471px; top: 827px; } /* 9623 - 8796 */
.pos-title-5 { left: 823px; top: 827px; } 
.pos-title-6 { left: 1175px; top: 827px; } /* 9623 - 8796 */

/* --- ステップ解説文 --- */
.sec-7__card-desc {
  position: absolute;
  width: 247px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 170%;
  color: #1E333B;
  z-index: 3;
}
.pos-desc-1 { left: 486px;  top: 485px;  height: 156px; } /* 9281 - 8796 */
.pos-desc-2 { left: 838px;  top: 485px;  height: 208px; }
.pos-desc-3 { left: 1190px; top: 485px;  height: 208px; }
.pos-desc-4 { left: 486px;  top: 1011px; height: 156px; } /* 9807 - 8796 */
.pos-desc-5 { left: 838px;  top: 1011px; height: 130px; }
.pos-desc-6 { left: 1190px; top: 1011px; height: 130px; }

/* --- ステップアイコン群 --- */
.sec-7__icon {
  position: absolute;
  width: 82px;
  height: 82px;
  z-index: 3;
}

.icon-step-1 {
  left: 567px;
  top: 368px; /* 9164 - 8796 */
  background: url('../images/GIF素材/お問い合わせ.gif') no-repeat center center / contain;
}

.icon-step-2 {
  left: 920px;
  top: 368px; /* 9164 - 8796 */
  background: url('../images/GIF素材/ヒアリングシートのご記入.gif') no-repeat center center / contain;
}

.icon-step-3 {
  left: 1270px;
  top: 368px; /* 9164 - 8796 */
  background: url('../images/GIF素材/制作開始.gif') no-repeat center center / contain;
}

.icon-step-4 {
  left: 567px;
  top: 894px; /* 9690 - 8796 */
  background: url('../images/GIF素材/初稿のご提出と修正対応.gif') no-repeat center center / contain;
}

.icon-step-5 {
  left: 918px;
  top: 894px; /* 9690 - 8796 */
  background: url('../images/GIF素材/フィードバックと確認.gif') no-repeat center center / contain;
}

.icon-step-6 {
  left: 1270px;
  top: 894px; /* 9690 - 8796 */
  background: url('../images/GIF素材/納品.gif') no-repeat center center / contain;
}


} /* end @media PC */