#wrapper {
  background-image: url("https://devphrcycleapp1.blob.core.windows.net/aadb2c/assets/img/portal-background-1.phrcycle.svg"), 
    url("https://devphrcycleapp1.blob.core.windows.net/aadb2c/assets/img/portal-background-2.phrcycle.svg");
  background-size: cover;
  background-attachment: fixed;

  /* 画像ごとにサイズを明示（coverをやめる） */
  background-size:
    240px auto,   /* 1枚目を小さく */
    280px auto;   /* 2枚目も小さく */

  /* 繰り返しなし */
  background-repeat:
    no-repeat,
    no-repeat;

  /* 画像ごとに位置を指定（必要に応じて調整） */
  background-position:
    left 24px bottom 32px,
    right 32px top 80px;

  /* 固定表示でなく追従に（まずはscrollで検証。固定にしたい画像だけfixedに） */
  background-attachment:
    scroll,
    scroll;
}

#header {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 68px;
  background-color: var(--col-bas-txt-bg-l-main);
  border-bottom: solid 1px var(--col-bas-deco-ll-main);
}

.title {
  width: 110px;
  height: 50px;
}

.logo {
  width: 69px;
  height: 34.5px;
  margin: 4px 7px 0px 0px;
}

#main {
  /* 画面の高さ - ヘッダーの高さ */
  min-height: calc(100vh - 68px);
  color: #333333;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 20px 20px 20px;
}

.article-header {
  max-width: 974px;
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
  margin: 25px 0;
}

.article-container {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.04em;
  width: 100%;
  max-width: 974px;
  text-align: left;
  margin: 25px 0 40px 0;
}

p {
  font-size: 16px;
  margin-bottom: 16px;
  color: #333333;
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  line-height: 15.0pt;
  font-weight: 400;
}

.article-container-title{
  font-weight: 600;
}