@charset "UTF-8";
/* CSS Document */
html {
  scroll-padding-top: 120px; // ヘッダーの高さ分設定
}
@media (max-width: 768px) {
  html {
    scroll-padding-top: 60px;
  }
}
.go-top-link img {
  width: auto;
}

.cap-art_flow_result_img .cap-art_sp_dn {
  position: relative; /* 子要素を絶対配置する際の基準にする */
  width: 100%; /* 親要素の幅に合わせる */
  max-width: 1522px; /* 元画像の最大幅を指定 */
  margin: 0 auto; /* 中央寄せにしたい場合 */
}

/* 下になる画像 */
.cap-art_flow_result_img .cap-art_sp_dn .base-image {
  display: block; /* 画像下の余白をなくす */
  width: 100%;
  height: auto; /* 幅に合わせて高さを自動調整 */
}

/* 上に重ねる画像 */
.cap-art_flow_result_img .cap-art_sp_dn .overlay-image {
  position: absolute; /* 親要素(image-container)を基準に配置 */
  top: 4.11%;
  left: 22.56%;
  width: 54.88%;
  height: auto; /* 幅に合わせて高さを自動調整 */
}
.cap-art_flow_result_img .cap-art_sp_db {
  position: relative; /* 子要素を絶対配置する際の基準にする */
  width: 100%; /* 親要素の幅に合わせる */
  max-width: 562px; /* 元画像の最大幅を指定 */
  margin: 0 auto; /* 中央寄せにしたい場合 */
}

/* 下になる画像 */
.cap-art_flow_result_img .cap-art_sp_db .base-image {
  display: block; /* 画像下の余白をなくす */
  width: 100%;
  height: auto; /* 幅に合わせて高さを自動調整 */
}

/* 上に重ねる画像 */
.cap-art_flow_result_img .cap-art_sp_db .overlay-image {
  position: absolute; /* 親要素(image-container)を基準に配置 */
  
  /* Y座標: 158px ÷ 683px (親の高さ) */
  top: 23.1332%;

  /* X座標: 41px ÷ 562px (親の幅) */
  left: 7.2954%; 

  /* 横幅: 480px ÷ 562px (親の幅) */
  width: 85.4093%; 
  height: auto; /* 幅に合わせて高さを自動調整 */
}
.cap-art {
padding-top: 120px;
overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .cap-art {
    padding-top: 60px;
  }
}
/*.cap-art_between::after{
  content:"";
  display: block;
  width: 277px;
  margin-bottom: 30px;
}*/