/*
Theme Name: arkhe_child
Template: arkhe
Description: arkheの子テーマです。
Version: 3.11.0
*/

/*----------Top body --------------------------------*/
/* ふわっとフェードイン(下層ページに戻るボタンへの影響ありより、TOPのみ ) */

body.home {
    opacity: 0;
    animation: fadeIn 1.5s ease-in-out forwards;
    position: relative;
}


@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/*----アニメーション関係----------------------*/
/*---下層タイトル------*/
#top_title_area {
	opacity: 0;
    animation: fadeInAnimation 3s forwards;
    }

    @keyframes fadeInAnimation {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }

/*-----video ----------------------------------*/
.background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* デフォルトで全画面 */
  object-fit: cover;
  z-index: -1; /* 背景として配置 */
}

.alignfull.ark-block-section {
  position: relative; /* 動画をその中で制御できるようにする */
}

.home .background-video {
  height: auto; /* デフォルトの高さを解除 */
  min-height: 100vh; /* 最低限、画面全体の高さを確保 */
  height: calc(100vh - 変動する余白の高さ); /* 必要に応じて調整 */
}


/*----- header --------------------------------*/
.l-header__center {
    padding: 24px 0;
}

/*-----footer ---------------------------------
.l-footer .-widget1 {
	width: 67% !important;
}
.l-footer .-widget2 {
	width: 33% !important;
}
.l-footer__widgets .w-footer {
    flex-basis: auto;
}
*/

/*----- 画面サイズごとの改行 --------------------------------*/
br.sp{
	display: none;
}

/* 768px以下のデバイスでspとpcの改行タグを切り替える */
@media screen and (max-width: 768px) {
    br.sp {
        display: block;
    }
    br.pc {
        display: none;
    }
}

/*----- メディアクエリ --------------------------------*/
@media not all and (min-width: 600px) {
    .arkp-gnSec20 .ark-block-heading__sub {
        font-size: 3rem !important;
        line-height: 4rem !important;
    }
}