@charset "utf-8";
/* 日本語TOP専用。共通CSSと下層ページのレイアウトは維持します。 */
.kph-top-page { --kph-screen-height:100vh; --kph-header-height:125px; margin:0; overflow-x:hidden; }
.kph-top-page #top_page { display:block; width:100%; background:#000; }
.kph-top-page #top_page > .section { position:relative; box-sizing:border-box; isolation:isolate; }
.kph-top-page .kph-scene { display:flex; align-items:center; justify-content:center; min-height:var(--kph-screen-height); overflow:hidden; background:#111 !important; }
.kph-top-page #section00 { height:var(--kph-screen-height); min-height:0; }
.kph-top-page .kph-section-anchor { position:absolute; top:0; left:0; width:0; height:0; }
.kph-top-page .kph-media { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.kph-top-page .kph-parallax-layer { position:absolute; inset:0; will-change:transform; }
.kph-top-page .kph-parallax-layer img, .kph-top-page .kph-parallax-layer video { display:block; position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:50% 50%; }
.kph-top-page .kph-video-poster { z-index:0; }
.kph-top-page #kph-main-video { z-index:1; }
.kph-top-page #kph-main-video.is-video-error, .kph-top-page #kph-main-video.is-video-disabled { opacity:0; }
.kph-top-page .kph-scene .contentsInner { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; box-sizing:border-box; width:90%; min-height:var(--kph-screen-height); height:auto; padding:calc(var(--kph-header-height) + 20px) 0 75px; }
.kph-top-page .kph-scene .fade05 { line-height:clamp(26px, 3.7vh, 35px); margin-top:clamp(25px, 4.5vh, 50px); }
.kph-js .kph-top-page .kph-scene .fade_set { opacity:0; filter:blur(9px); }
.kph-top-page .kph-reveal { opacity:1; filter:blur(0); }
.kph-js .kph-top-page .kph-reveal.is-reveal-pending { opacity:0; filter:blur(9px); }
.kph-js .kph-top-page .kph-reveal.is-revealed { opacity:1; filter:blur(0); }
.kph-js .kph-top-page .kph-reveal.is-reveal-animating { animation:kph-text-reveal 1.4s ease both; }
/* 初期描画と表示判定が重なっても、ぼかし・透明の開始状態から再生します。 */
@keyframes kph-text-reveal { from { opacity:0; filter:blur(9px); } to { opacity:1; filter:blur(0); } }
.kph-top-page .next a, .kph-top-page .next2 a { z-index:4; bottom:24px; }
.kph-top-page #section00 #local_data { display:block; position:absolute; left:50%; bottom:96px; width:400px; max-width:calc(100% - 32px); height:auto; margin-left:0; transform:translateX(-50%); background:none; z-index:3 !important; }
.kph-top-page #section00 #top_en_icon { position:absolute; width:400px; max-width:none; z-index:3 !important; }
.kph-top-page #section00 #head_news { right:0; opacity:1; z-index:4; animation:kph-notice-in 0.8s 0.3s both; transition:transform 0.5s ease, opacity 0.4s ease; }
.kph-top-page #head_news .close { margin:0; padding:0; border:0; cursor:pointer; }
.kph-top-page #section00 #head_news.is-closed { animation:none; transform:translateX(calc(100% + 1px)); opacity:0; pointer-events:none; }
@keyframes kph-notice-in {
  from { opacity:0; transform:translateX(100%); }
  to { opacity:1; transform:translateX(0); }
}
/* ⑤：既存の4分割リンク。PCは1画面、SPは既存画像の比率で縦に並べます。 */
#section05{ width: 100%; }
.kph-top-page #section05 { min-height:0; }
.kph-top-page #top_pickup { width:100%; max-width:none; margin:0; padding:0; }
.kph-top-page #top_pickup ul::after { display:none; }
@media only screen and (min-width:768px) {
  .kph-top-page #top_pickup { height:var(--kph-screen-height); min-height:620px; }
  .kph-top-page #section05 ul { position:relative; top:auto; left:auto; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); grid-template-rows:repeat(2, minmax(0, 1fr)); width:100%; height:100%; }
  .kph-top-page #section05 ul li { float:none; width:100%; max-width:none; height:auto; min-width:0; }
  .kph-top-page #top_pickup li a { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
  .kph-top-page #top_pickup li a .top_pickup_inner { position:static; margin:0; padding:12px 0; }
}
/* ⑥・⑦：内容に合わせた高さと上下余白。 */
.kph-top-page #section06 { min-height:0; padding:140px 0; }
.kph-top-page #top_news { width:100%; margin:0; padding:0; }
.kph-top-page #section06 .next2 a { bottom:18px; }
.kph-top-page #section07 { min-height:0; }
.kph-top-page #top_foot_nav { position:relative; top:auto; left:auto; box-sizing:border-box; height:auto; margin:0 auto; padding:55px 0 10px; }
.kph-top-page #top_foot_nav li a { padding:12px 18px; }
.kph-top-page #top_bottom_banner_box { width:95%; max-width:1140px; margin:0 auto; padding:10px 0 50px; text-align:center; }
.kph-top-page .footer_top { position:relative; top:auto; bottom:auto; left:auto; padding:0; }
.kph-top-page .footer_top footer { padding:22px 0 24px; }
.kph-top-page .page_top a { top:50%; margin-top:-22.5px; }
@supports (height:100svh) {
  .kph-top-page { --kph-screen-height:100svh; }
}
@media only screen and (max-width:767px) {
  .kph-top-page { --kph-header-height:60px; }
  .kph-top-page .kph-parallax-layer { backface-visibility:hidden; transform:translate3d(0, 0, 0); }
  .kph-top-page .kph-scene .contentsInner { width:94%; padding:100px 0 75px; }
  .kph-top-page #section00 #local_data { bottom:12%; }
  .kph-top-page #section00 #top_en_icon { top:75px; left:12px; }
  .kph-top-page #top_pickup { height:auto; }
  .kph-top-page #top_pickup li { float:none; width:100%; max-width:none; height:auto; }
  .kph-top-page #top_pickup .top_pickup_img.sp { display:block; position:relative; width:100%; }
  .kph-top-page #top_pickup .top_pickup_img p { left:0; }
  .kph-top-page #top_pickup li img.sp { display:block; max-width:none; width:100%; height:auto; }
  .kph-top-page #section05 .next { display:none; }
  .kph-top-page #section06 { padding:100px 0; }
  .kph-top-page #top_foot_nav { width:100%; padding:60px 0 12px; }
  .kph-top-page #top_foot_nav li a { padding:9px 12px; }
  .kph-top-page #top_bottom_banner_box { padding:8px 0 60px; }
  .kph-top-page .footer_top footer { padding:24px 48px 24px; box-sizing:border-box; }
  .kph-top-page .page_top a { top:28px; right:10px; width:32px; height:32px; margin:0; }
}
@media only screen and (max-width:660px) {
  .kph-top-page .kph-scene .fade05 { font-size:15px; line-height:30px; margin-top:30px; }
}
@media only screen and (max-width:500px) {
  .kph-top-page .kph-scene .fade05 { font-size:3vw; line-height:6vw; margin-top:5%; }
  .kph-top-page .next a, .kph-top-page .next2 a { bottom:12px; }
}
@media (prefers-reduced-motion:reduce) {
  .kph-top-page .kph-parallax-layer { transform:none !important; will-change:auto; }
  .kph-js .kph-top-page .kph-scene .fade_set, .kph-top-page .kph-reveal, .kph-js .kph-top-page .kph-reveal.is-reveal-pending, .kph-js .kph-top-page .kph-reveal.is-reveal-animating { opacity:1; filter:none; transition:none; animation:none; }
  .kph-top-page #section00 #head_news { animation:none; transition:none; }
}