@charset "utf-8";
/* CSS Document */
body {
    font-size: 17px !important;
    font-family: Hiragino Sans, Arial, sans-serif !important;
    line-height: 1.8 !important;
    color: #000000 !important;
	background-color: #fff;
}
img {
	width: 100%;
	height: auto;
}
header {
	max-width: 750px;
    background: #fff;
    margin: 0 auto;
	padding: 0;
}
main {
	max-width: 750px;
    background: #fff;
    margin: 0 auto;
	padding: 0;
}
section {
	max-width: 750px;
	margin: 0 auto;
	padding: 0;
}
section.cta_01 p {
	max-width: 750px;
	padding: 10% 9.334% 10%;
	background-image: url("img/eprint_lp_06c.png");
	background-size: cover;
}
section.cta_02 p {
	max-width: 750px;
	padding: 10% 9.334% 10%;
	background-image: url("img/eprint_lp_14.png");
	background-size: cover;
}
section img {
	margin: 0px;
}
ul {
    display: flex;
    justify-content: center;
    /* gap: 20px; */
    list-style: none;
    padding: 20px 0;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
}

ul li a {
  text-decoration: none; /* 下線を消す */
  color: #333; /* 文字色 */
  font-size: 20px;
  transition: color 0.3s;
}

ul li a:hover {
  color: #007aff; /* ホバー時の色 */
}


  .select_01{
	padding: 10% 15.577% 10%;
	background-image: url("img/eprint_lp_06b.png");
	background-size: cover;
  }

:root{
    --cycle: 6.6s;        /* 全体スピード（高速） */
    --bounce-dist: 20px;  /* バウンドの高さ */
    --safe-scale: 0.92;   /* 見切れ防止用の縮小 */
    --max-width: 540px;
  }

  .poyon-slider{
    width:100%;
    max-width:var(--max-width);
    aspect-ratio: 540 / 617;
    position:relative;
margin: 0 auto;
  }

  .poyon-slider .img-wrap{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .poyon-slider .img-wrap-inner{
    width:100%;
    height:100%;
    transform: scale(var(--safe-scale));
    transform-origin: center bottom;
    position:relative;
  }

  .poyon-slider img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit: cover;
    opacity:0;
    animation: poyoyo var(--cycle) ease-in-out infinite;
  }

  /* 時間差（3枚） */
  .poyon-slider img:nth-child(1){ animation-delay: calc(var(--cycle) * 0); }
  .poyon-slider img:nth-child(2){ animation-delay: calc(var(--cycle) * -0.3333333); }
  .poyon-slider img:nth-child(3){ animation-delay: calc(var(--cycle) * -0.6666667); }

  /*
     ぽよよよんアニメーション
     0% → フェードイン
     5〜25% → 多段バウンス
     30〜33% → 素早くフェードアウト
     → ほぼ表示したまま次へ
  */
  @keyframes poyoyo{
    0%{
      opacity: 0;
      transform: translateY(0) scale(0.95);
    }
    5%{
      opacity: 1;
      transform: translateY(calc(-1 * var(--bounce-dist))) scale(1.05);
    }
    10%{
      transform: translateY(calc(var(--bounce-dist) * 0.5)) scale(0.98);
    }
    15%{
      transform: translateY(calc(var(--bounce-dist) * -0.25)) scale(1.02);
    }
    20%{
      transform: translateY(0) scale(1);
    }
    25%{
      opacity: 1;
    }
    28%{
      opacity: 0;
      transform: translateY(0) scale(0.97);
    }
    100%{
      opacity: 0;
      transform: translateY(0) scale(0.97);
    }
  }



footer {
    background-color: #414345;
    background-image: linear-gradient(315deg, #232526, #414345);
    color: #e2e2e2;
	padding: 20px;
	font-size: 0.85em;
}
footer ul {
    list-style-type: none;
}
footer p {
    text-align: center;
}