.fade-up-on-scroll {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-up-on-scroll.show {
  opacity: 1;
  transform: translateY(0);
}


/* CSS */
* { box-sizing: border-box; }

.outer_add {
  width: 100%;               /* 画面幅いっぱい */
  background: #d8e2ed;       /* 任意の背景色 */
  padding: 40px 0;
  
  background: linear-gradient(
    to bottom,
    #E8F3FF 0%,
    #FFF9DB 100%
  );
  background-repeat: no-repeat;
}


.inner_add {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 80px;
  text-align: left;
  border-radius: 15px;
  margin-bottom: 20px;
}
.inner_bg_white {
  background-color: white;
}
.inner_bg_requirement {
  background-color: #FFF9DB;
  margin: 30px 0px;
}
.inner_bg_detail {
  background-color: #DFF7D9;
  margin: 30px 0px;
}
.inner_bg_supplement {
  background-color: #fffdf3;
  margin: 30px 0px;
}
.inner_bg_supplement2 {
  background-color: #dbe8f6;
  margin: 30px 0px;
}
.inner_add h1{
	margin-bottom: 30px;
	text-align: center;
	font-family: "BIZ UDMincho", serif;
  font-weight: 900;
}
.inner_add p{
	font-family: "BIZ UDMincho", serif;
  font-weight: 400;
  font-style: normal;
  font-style: normal;
  line-height: 2.0;
  color: #333; 
}
.inner_add p .small{
	font-size: 1.4rem;
	font-family: "BIZ UDMincho", serif;
}

.nice-list {
  list-style: none;           /* デフォルトの点を消す */
  padding-left: 0;            /* 左余白リセット */
  margin: 0;                  /* 上下余白リセット */
}

.nice-list li {
  position: relative;         /* 擬似要素用に相対位置 */
  padding-left: 24px;         /* アイコンの分だけ余白 */
  margin-bottom: 12px;        /* 項目間の余白 */
  line-height: 1.6;           /* 行間 */
  font-family: "Klee One", cursive; /* 任意フォント */
  font-weight: 400;
  font-size: 16px;
}

/* アイコン風の丸を擬似要素で表示 */
.nice-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;                   /* 行の中央あたりに配置 */
  width: 12px;
  height: 12px;
  background-color: #6bc46b;  /* 緑の丸（見やすい色） */
  border-radius: 50%;         /* 丸にする */
}

/* 背景付きリスト（任意） */
.nice-list-bg {
  background-color: #f0fafa;  /* 薄い青緑 */
  padding: 16px 24px;
  border-radius: 10px;
}



/* スマホ用調整 */
@media (max-width: 480px) {
  .outer_add { padding: 100px 15px 24px 15px; }
  .inner_add { padding: 30px 20px; }
}




* {
  box-sizing: border-box;
}

.outer_log {
  width: 100%;
  padding: 40px 0;          /* 上下の余白 */
  background-color: #f5f7fa; /* 任意の背景 */
	font-family: "Shippori Mincho", serif;
  font-weight: 900;
}

.inner_log {
  width: 100%;
  max-width: 1000px;        /* 最大幅1000px */
  margin: 0 auto;           /* 横中央寄せ */
  padding: 24px 16px;       /* スマホ用の左右余白も確保 */
  text-align: center;         /* 文字は左揃え */
}

/* スマホ用微調整 */
@media (max-width: 480px) {
  .outer_log {
    padding: 24px 0;
  }

  .inner_log {
    padding: 20px 12px;
  }
}


/* 追加 */
.addText{
	color: #816d30;
	font-family: "Shippori Mincho", serif;
	line-height: 2.0;
}