@charset "UTF-8";
/* ---------------------------------------------------------
   custom.css
----------------------------------------------------------*/
/* ----- root / common ----- */
:root {
  --theme-color:#e60012;
}
/* logo */
.c-header__title {width:380px;}
@media screen and (max-width:767px) {
  .c-header__title { max-width:260px; width:auto;}
}
/* footer */
.footer_bottom { background-color:#042147; }

/*　テーブルボーダーの非表示　*/
.wp-block-table td, .wp-block-table th { border-width: 0 0 1px !important; }
/*　lightbox ボタン　*/
.wp-lightbox-container button { width:24px; height:24px; }
.wp-lightbox-container button:focus, .wp-lightbox-container button:hover, .wp-lightbox-container button:not(:hover):not(:active):not(.has-background) { opacity:.9; background:#333; }

/* .flex  */
.flex { display:flex;  align-items:flex-start; }
.col-2 .flex { gap:35px; }
.col-2 .flex > * { flex-basis:48%; }
.col-3 .flex { gap:35px; }
.col-3 .flex > * { flex-basis:33%; }

/* ========= toppage ========= */
/*  mv  */
.main-top { text-align:center; overflow:hidden; }
@scope (.main-top ){
  :scope { grid-row:main; height:calc(100vh - 80px); width:100vw; background:#fcfcfc; }
  .movie_blk { position:relative; height:100%; width:100vw; }
  .movie_blk video { width:100%; height:100%; object-fit:cover; position:absolute; inset:0;}
  div.catch { position:absolute; top:0; left:auto; width:100vw; height:100%; display:flex; justify-content:center; align-items:center; z-index:10; }
  .catch p { margin-top:50px; color:#fff; text-align:center; line-height:1.3; font-weight:600; font-family:"Shippori Mincho", serif; font-size:clamp(24px, 3.6vw, 72px); text-shadow:0 0 8px rgb(34, 34, 34); }
  .catch strong { display:block; margin-left:5px; font-size:clamp(34px, 5.1vw, 120px); }
}
.home .main-top,
.home .c-page-home__news-body,
.c-page-home__bnr-site { margin-bottom:80px; }
@media screen and (max-width: 767px) {
  .home .main-top,
  .home .c-page-home__news-body,
  .c-page-home__bnr-site { margin-bottom:17vw!important; }
}
.home section { container: sec-flex / inline-size; resize:horizontal; }
@container sec-flex (max-width: 600px) {
  .home .flex { display:block; }
  .col-2 .flex { gap:0; }
}
@media (max-width: 980px) {
  .home section.flex { flex-direction:column;}
  .home section.flex > * { display:block; flex-basis:100%; }
}

/* ========= btn_mark ========= */
@scope(.btn_mark ) {
  :scope { justify-self:center; width:100%; }
  a { display:block; align-content:center; min-height:96px; padding:1.2em; margin-bottom:.5em; line-height:1.4; color:#fff; text-align:center; font-size:1em; text-decoration:none;  background:#3a3a3a url(/img/mark.svg) no-repeat right bottom; background-size:120px; }
  a:hover { transition:.3s cubic-bezier(0.45, 0, 0.55, 1); background-color:var(--theme-color); }
  a ~ span { display:block; line-height:1.6; font-size:.85em; margin-bottom:1em; }
}

/* ========= amime ========= */
/* 0.5秒間かけてフェードイン */
.fadeIn500ms { animation-name:fadeIn500ms; animation-delay:500ms; animation-duration:1.5s; animation-fill-mode:forwards; opacity:0; }
@keyframes fadeIn500ms {
  0% {}
  100% { opacity:1; }
}