.elementor-kit-4{--e-global-color-primary:#FFBE03;--e-global-color-secondary:#333333;--e-global-color-text:#666666;--e-global-color-accent:#FF880D;--e-preloader-animation-duration:100ms;--e-preloader-delay:0ms;}.elementor-kit-4 e-page-transition{background-color:#FFFFFF;}.elementor-kit-4 h1{font-family:"BIZ UDPGothic", Sans-serif;font-weight:bold;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ステップ1で設定したIDを使用 */
#fading-image {
    /* 変化にかかる時間（例: 1秒）と滑らかさを設定 */
    transition: opacity 1s ease-out; 
}

.fade-in-box {
  opacity: 0; /* 最初は透明にして隠す */
  
  /* アニメーションの設定:
     fadeIn ... アニメーション名
     1s ....... フェードインにかかる時間（1秒）
     3s ....... 開始までの待ち時間（ここで3秒待機）
     forwards . アニメーション終了時の状態（不透明）を維持する
  */
  animation: fadeIn 1s ease 3s forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}/* End custom CSS */