#query-monitor-main { display:none !important; }

.page_beisia30th { font-family: "Noto Sans JP", sans-serif; color:#333; font-weight:500; margin:0; padding:0;
background:#FFEBEB;
background-image: url('../img/beisia30th/pc_bg.jpg');
background-size:contain;
background-attachment:fixed;
overflow-x:hidden;
}
.page_beisia30th * { box-sizing:border-box; }
.page_beisia30th a { transition:all 0.25s linear 0s; text-decoration:none; cursor:pointer; }
.page_beisia30th a::before,
.page_beisia30th a::after { transition:all 0.25s linear 0s; }
.page_beisia30th a:hover { opacity:1 !important; }
.page_beisia30th #mainContents { margin:0 auto; overflow:unset; overflow-x: clip; position:relative; }
.page_beisia30th #header { display:none; }
.page_beisia30th .sec_box {  }

.btn_pagetop { position:absolute; right:20px; bottom:20px; }
.btn_pagetop a { font-family: "Roboto", sans-serif; font-size:14px; font-weight:500; color:#C9161C; line-height:1; position:relative; }
.btn_pagetop a::before { content:''; display:inline-block; width:8px; height:8px; border-top:2px solid #C9161C; border-right:2px solid #C9161C; transform:translateX(-50%) rotate(-45deg); position:absolute; top: -15px; left:50%; }

.forSP,
.forSPi { display:none; }
@media screen and (max-width: 768px), (orientation: portrait) {
	.page_beisia30th::before {
		content:'';
		display:block;
		width:100vw;
		height:110lvh;
		background-image: url('../img/beisia30th/pc_bg.jpg');
		background-repeat:no-repeat;
		background-position:0 0;
		background-size:cover;
		position:fixed;
		left:0; right:0; bottom:0; top:0;
		z-index:0;
	}
	.page_beisia30th p {
		font-size:14px;
	}
	.page_beisia30th .sec_box { padding-top:20vw; }

	.btn_pagetop { position:absolute; right:10px; bottom:10px; }
	.btn_pagetop a { font-size:12px; }
	.btn_pagetop a::before { content:''; display:inline-block; width:8px; height:8px; border-top:2px solid #C9161C; border-right:2px solid #C9161C; transform:translateX(-50%) rotate(-45deg); position:absolute; top: -11px; left:50%; }

	.forPC { display:none; }
	.forSP { display:block; }
	.forSPi { display:inline; }
}
/* loading */


#loading_screen { position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:#E60012; z-index:9999; display: flex; justify-content: center; align-items: center; transition: opacity 0.8s ease, visibility 0.8s ease; }
#loading_screen.is_loaded { opacity:0; visibility:hidden; }
body.page_beisia30th {
  overflow-y:hidden;
}
body.page_beisia30th:has(#loading_screen.is_loaded) {
  overflow-y:visible;
}
#loading_screen .dots { display: flex; align-items: center; justify-content: center; }
#loading_screen .dots .dot {
	width: 20px; height: 20px;
	margin: 0 8px;
	background-color: #FFF;
	border-radius: 50%;
	animation: dot-pulse 1.6s ease-in-out infinite;
}
#loading_screen .dots .dot:nth-child(1) { animation-delay: 0s; }
#loading_screen .dots .dot:nth-child(2) { animation-delay: 0.2s; }
#loading_screen .dots .dot:nth-child(3) { animation-delay: 0.4s; }
@keyframes dot-pulse {
	0%, 100% { transform: scale(0.7); opacity: 0.7; }
	50% { transform: scale(1); opacity: 1; }
}

/* top */
.b30th_sec01 { min-height:1000vh; position:relative; }
.b30th_sec01 .anim1_wrap { position:sticky; top:0; width:100%; height:100vh; }
.b30th_sec01 .anim1 { position:absolute; }
.b30th_sec01 .parts { }
.b30th_sec01 .parts .parts_inner { width:100%; height:100%; background-repeat:no-repeat; background-size:contain; }

.b30th_sec01 .top_logo { width:23.8%; aspect-ratio:400/442; left:50%; top:calc(10vw * var(--ratio)); transform:translateX(-50%); z-index:10; }
.b30th_sec01 .top_logo img { width:100%; height:auto; }

.b30th_sec01 .top_copy { width:58.4%; left:50%; top:calc(40.8vw * var(--ratio)); transform:translateX(-50%); }
.b30th_sec01 .top_copy img { width:100%; height:auto; }

.btn_scroll { text-align:center; position:fixed; left:50%; transform:translateX(-50%); bottom:calc(3vw * var(--ratio)); transition:all 0.25s linear 0s; cursor:pointer; }
.btn_scroll::before { content:''; display:inline-block; width:8px; height:8px; border-right:2px solid #FFF; border-bottom:2px solid #FFF; position: absolute; left: 50%; transform: rotate(45deg) translate(-50%, -5px); transform-origin:top; top:-3px; }
.btn_scroll span { display:inline-block; padding:5px; font-family: "Roboto", sans-serif; color:#FFF; font-size:18px; }

body.page_beisia30th.is-main .btn_scroll { opacity:0; bottom:-50px; }

.b30th_sec01 .parts.parts01 { aspect-ratio:312/240; width:17.31%; left:-1.31%; top:-0.71vw; }
.b30th_sec01 .parts.parts01 .parts_inner { background-image:url('../img/beisia30th/parts_01.png'); }
.b30th_sec01 .parts.parts02 { aspect-ratio:310/404; width:18.51%; left:15.41%; top:2.31vw; }
.b30th_sec01 .parts.parts02 .parts_inner { background-image:url('../img/beisia30th/parts_02.png'); }
.b30th_sec01 .parts.parts03 { aspect-ratio:270/208; width:16.11%; left:34.21%; top:1.71vw; }
.b30th_sec01 .parts.parts03 .parts_inner { background-image:url('../img/beisia30th/parts_03.png'); }
.b30th_sec01 .parts.parts04 { aspect-ratio:262/306; width:15.51%; left:54.21%; top:-1.81vw; z-index:1; }
.b30th_sec01 .parts.parts04 .parts_inner { background-image:url('../img/beisia30th/parts_04.png'); }
.b30th_sec01 .parts.parts05 { aspect-ratio:378/290; width:22.51%; left:69.81%; top:4.61vw; }
.b30th_sec01 .parts.parts05 .parts_inner { background-image:url('../img/beisia30th/parts_05.png'); }
.b30th_sec01 .parts.parts06 { aspect-ratio:187/229; width:10.21%; left:89.71%; top:0.91vw; }
.b30th_sec01 .parts.parts06 .parts_inner { background-image:url('../img/beisia30th/parts_06.png'); }
.b30th_sec01 .parts.parts07 { aspect-ratio:170/131; width:10.11%; left:2.41%; top:15.71vw; }
.b30th_sec01 .parts.parts07 .parts_inner { background-image:url('../img/beisia30th/parts_07.png'); }
.b30th_sec01 .parts.parts08 { aspect-ratio:142/185; width:10.21%; left:15.01%; top:24.11vw; }
.b30th_sec01 .parts.parts08 .parts_inner { background-image:url('../img/beisia30th/parts_08.png'); }
.b30th_sec01 .parts.parts09 { aspect-ratio:186/143; width:11.11%; left:26.01%; top:calc(30.41vw * var(--ratio)); }
.b30th_sec01 .parts.parts09 .parts_inner { background-image:url('../img/beisia30th/parts_09.png'); }
.b30th_sec01 .parts.parts10 { aspect-ratio:196/150; width:11.71%; left:65.51%; top:28.91vw; }
.b30th_sec01 .parts.parts10 .parts_inner { background-image:url('../img/beisia30th/parts_10.png'); }
.b30th_sec01 .parts.parts11 { aspect-ratio:164/214; width:9.81%; left:73.51%; top:19.81vw; }
.b30th_sec01 .parts.parts11 .parts_inner { background-image:url('../img/beisia30th/parts_11.png'); }
.b30th_sec01 .parts.parts_w1 { aspect-ratio:106/82; width:6.31%; left:60.31%; top:34.01vw; }
.b30th_sec01 .parts.parts_w1 .parts_inner { background-image:url('../img/beisia30th/parts_w3.svg'); }
.b30th_sec01 .parts.parts_w2 { aspect-ratio:84/64; width:5.01%; left:9.61%; top:21.31vw; }
.b30th_sec01 .parts.parts_w2 .parts_inner { background-image:url('../img/beisia30th/parts_w3.svg'); }
.b30th_sec01 .parts.parts_w3 { aspect-ratio:72/55; width:4.41%; left:64.81%; top:24.01vw; }
.b30th_sec01 .parts.parts_w3 .parts_inner { background-image:url('../img/beisia30th/parts_w3.svg'); }

.b30th_sec01 .parts.parts_w4 { aspect-ratio:106/82; width:7%; left:60%; top:9vw; opacity: calc(1 + (var(--end-opacity) - 1) * var(--p)); }
.b30th_sec01 .parts.parts_w4 .parts_inner { background-image:url('../img/beisia30th/parts_w3.svg'); }
.b30th_sec01 .parts.parts_w5 { aspect-ratio:84/64; width:5.01%; left:9.61%; top:21.31vw; opacity:0.3; }
.b30th_sec01 .parts.parts_w5 .parts_inner { background-image:url('../img/beisia30th/parts_w3.svg'); }
.b30th_sec01 .parts.parts_w6 { aspect-ratio:72/55; width:4.41%; left:64.81%; top:24.01vw; }
.b30th_sec01 .parts.parts_w6 .parts_inner { background-image:url('../img/beisia30th/parts_w3.svg'); }

.b30th_sec01 .anim1_wrap {
	--p:0;
	--p2:0;
	--p2_fade:0;
	--p2_scroll:0;
	--p3:0;
	--p3_title:0;
	--p3_copy:0;
	--p_out:0;
}
.b30th_sec01 .anim1,
.btn_scroll {
	--ratio:1;
}
.b30th_sec01 .parts.anim1 {
	--move-x:0px;
	--move-y:0px;
	--end-scale:1;
	--end-opacity:1;
	transform:translate(calc(var(--move-x) * var(--p)), calc(var(--move-y) * var(--p))) scale(calc(1 + (var(--end-scale) - 1) * var(--p)) );
	opacity: calc(var(--start-opacity) + (var(--end-opacity) - var(--start-opacity)) * var(--p));
}
.b30th_sec01 .parts .parts_inner {
	animation: floatRandom var(--dur) ease-in-out infinite alternate; animation-delay: var(--delay);
	will-change:transform;
}
@keyframes floatRandom {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  100% {
    transform: translate(var(--tx), var(--ty)) rotate(3deg);
  }
}

.b30th_sec01 .top_logo.anim1 { --move-x:0px; --move-y:0px; --end-scale:1; --end-opacity:1; transform:translate(-50%, calc(var(--move-y) * var(--p))) scale(calc(1 + (var(--end-scale) - 1) * var(--p)) ); opacity: calc(1 + (var(--end-opacity) - 1) * var(--p)); }
.b30th_sec01 .top_copy.anim1 { --move-x:0px; --move-y:0px; --end-scale:1; --end-opacity:1; transform:translate(-50%, calc(var(--move-y) * var(--p))) scale(calc(1 + (var(--end-scale) - 1) * var(--p)) ); opacity: calc(1 + (var(--end-opacity) - 1) * var(--p) + var(--p3_title)); }

.b30th_sec01 .box_text1 { width:55vw; height:65vh; position:absolute; top:23vw; left:50%; transform:translateX(-50%); overflow:hidden; opacity:calc(var(--p2_fade) - var(--p3_title) * 3); pointer-events:none;
-webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 10%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 10%
  );
}
.b30th_sec01 .box_text1 .box_text_inner { transform: translateY(calc(-1 * (100% - 50vh) * var(--p2_scroll) * 1.25)); padding-bottom:calc(var(--box-h) * 0.75); text-align:center; padding-top:100px; }
.b30th_sec01 .box_text1 .box_text_inner p { font-size:24px; color:#FFF; font-weight:500; line-height:2.2; letter-spacing:2.5px; text-align:center; }
.b30th_sec01 .box_text1 .box_text_inner p + p { margin-top:2em; }
.b30th_sec01 .box_text1 .box_text_inner img { max-width:550px; width:100%; }

.b30th_sec01 .box_text2 { position:absolute; top:38vw; left:50%; transform:translateX(-50%); opacity: calc(var(--p3_copy) - var(--p_out)); max-width:380px;}
.b30th_sec01 .box_text2 .box_text_inner { text-align:center; }
.b30th_sec01 .box_text2 .box_text_inner p { font-size:34px; color:#FFF; font-weight:600; line-height:2.2; letter-spacing:3px; text-align:center; white-space:nowrap; }
.b30th_sec01 .box_text2 .box_text_inner img { max-width:380px; width:100%; }

.box_footer { width:35.7%; aspect-ratio:30/13; background:url('../img/beisia30th/title_footer.png') no-repeat 0 0; background-size:contain; position:absolute; left:50%; bottom:max(0px, calc(40vh - 20vw + 50px)); z-index:1; transform:translateX(-50%); }
.box_footer::before { content:''; display:inline-block; width:10px; height:8px; background:url('../img/beisia30th/beib_mok01.svg') no-repeat 0 0; background-size:contain; position:absolute; transform:translateX(-50%); left:calc(50% - 3%); top:-20px; opacity:0.75; }
.box_footer::after { content:''; display:inline-block; width:21px; height:28px; background:url('../img/beisia30th/beib_mok02.svg') no-repeat 0 0; background-size:contain; position:absolute; transform:translateX(-50%); left:calc(50% - 1%); top:-57px; opacity:0.5; }

@media screen and (max-width: 768px), (orientation: portrait) {
	.b30th_sec01 { min-height:500vh; }
	.b30th_sec01 .top_logo { width:min(340px,53.33%); left:50%; top:17vh; transform:translateX(-50%); }

	.b30th_sec01 .top_copy { width:90%; left:50%; top:75vh; transform:translateX(-50%); }

	.btn_scroll { bottom:3vh; }
	.btn_scroll span { font-size:16px; font-weight:400; }

	.b30th_sec01 .parts.parts01 { width:28.01vw; left:-0.51vw; top:calc( 6.61vw * (100vh / 100vw * 0.5)); }
	.b30th_sec01 .parts.parts02 { width:27.51vw; left:-0.81vw; top:calc( 33.21vw * (100vh / 100vw * 0.5)); }
	.b30th_sec01 .parts.parts03 { width:20.31vw; left:56.51vw; top:calc( 8.41vw * (100vh / 100vw * 0.5)); }
	.b30th_sec01 .parts.parts04 { width:31.21vw; left:71.71vw; top:calc( 49.41vw * (100vh / 100vw * 0.5)); }
	.b30th_sec01 .parts.parts05 { width:35.51vw; left:64.61vw; top:calc( 17.71vw * (100vh / 100vw * 0.5)); }
	.b30th_sec01 .parts.parts06 { width:21.31vw; left:24.41vw; top:calc( 11.91vw * (100vh / 100vw * 0.5)); }
	.b30th_sec01 .parts.parts07 { width:19.71vw; left:18.81vw; top:calc( 117vw * (100vh / 100vw * 0.5)); }
	.b30th_sec01 .parts.parts08 { width:11.21vw; left:50.01vw; top:calc( 112vw * (100vh / 100vw * 0.5)); }
	.b30th_sec01 .parts.parts09 { width:32.81vw; left:-2.91vw; top:calc( 74.91vw * (100vh / 100vw * 0.5)); }
	.b30th_sec01 .parts.parts10 { width:28.81vw; left:65.61vw; top:calc( 97vw * (100vh / 100vw * 0.5)); }
	.b30th_sec01 .parts.parts11 { width:14.41vw; left:31.41vw; top:calc( 107vw * (100vh / 100vw * 0.5)); }

  .b30th_sec01 .parts.parts_w1 { width:15.51vw; left:16.51vw; top:calc( -1.31vw * (100vh / 100vw * 0.5)); }
  .b30th_sec01 .parts.parts_w2 { width:18.41vw; left:87.21vw; top:calc( 3.21vw * (100vh / 100vw * 0.5)); }
  .b30th_sec01 .parts.parts_w3 { width:10.71vw; left:16.01vw; top:calc( 97.11vw * (100vh / 100vw * 0.5)); }
  .b30th_sec01 .parts.parts_w4 { width:8.81vw; left:89.11vw; top:calc( 90.41vw * (100vh / 100vw * 0.5)); }
	.b30th_sec01 .parts.parts_w5,
	.b30th_sec01 .parts.parts_w6 { display:none !important; }

	.b30th_sec01 .top_logo.anim1 {
		transform:translate(-50%, calc(var(--s_move-y) * var(--p) * (100vh / 100vw * 0.5))) scale(calc(1 + (var(--s_end-scale) - 1) * var(--p)) );
	}
	.b30th_sec01 .top_copy.anim1 {
		--s_end-move-y:0;
		transform:translate(-50%, calc(var(--s_move-y) * var(--p) + var(--s_end-move-y) * var(--p_out))) scale(calc(1 + (var(--s_end-scale) - 1) * var(--p)) );
		opacity: calc(1 + (var(--end-opacity) - 1) * var(--p) + var(--p3_title));
	}
	.b30th_sec01 .parts.anim1 {
		--s_move-x:0px;
		--s_move-y:0px;
		--s_end-scale:1;
		--s_end-opacity:1;
		transform:translate(calc(var(--s_move-x) * var(--p)), calc(var(--s_move-y) * var(--p) * (100vh / 100vw * 0.5))) scale(calc(1 + (var(--s_end-scale) - 1) * var(--p)) );
		opacity: calc(var(--s_start-opacity) + (var(--s_end-opacity) - var(--s_start-opacity)) * var(--p));
	}

	.b30th_sec01 .box_text1 { width:min(500px,calc(100vw - 10px)); height:calc(75vh * (100vh / 100vw * 0.5)); top:calc(80vw * (100vh / 100vw * 0.5)); }
	.b30th_sec01 .box_text1 .box_text_inner { padding-top:3.5em; padding-bottom:calc(var(--box-h) * 0.5); }
	.b30th_sec01 .box_text1 .box_text_inner p { font-size:3.8vw; line-height:2.2; font-weight:500; letter-spacing:1.5px; margin:0; }
	.b30th_sec01 .box_text1 .box_text_inner p + p {  }
	.b30th_sec01 .box_text1 .box_text_inner img { max-width:calc(100vw - 50px); }

	.b30th_sec01 .box_text2 { top:60vh; width:95vw; transform:translate(-50%, calc(var(--s_end-move-y) * var(--p_out))); }
	.b30th_sec01 .box_text2 .box_text_inner {  }
	.b30th_sec01 .box_text2 .box_text_inner p { font-size:5.4vw; line-height:2; margin:0; }
	.b30th_sec01 .box_text2 .box_text_inner img { max-width:60vw; }

	.box_footer { width:78vw; bottom:max(0px, calc(27vh - 20vw + 35px)); }
	.box_footer::before { width:2.5vw; height:auto; aspect-ratio:10/8; left:calc(50% - 3%); top:-2vh; opacity:0.7; }
	.box_footer::after { width:3.5vw; height:auto; aspect-ratio:21/28; left:calc(50% - 1%); top:-5.5vh; opacity:0.45; }
}
@media (min-aspect-ratio: 16/9){
	.b30th_sec01 .anim1,
	.btn_scroll {	--ratio:0.925; }
}

/* movie */
.b30th_sec02 { background:rgba(255, 255, 255, 0.8); padding:0 0 120px; position:relative; margin-top:min(0px, calc(-40vh + 20vw)); }
.b30th_sec02::before { content:''; display:block; position:absolute; width:calc(100vw + 50px); height:100px; top:-100px; transform:translateX(-25px); background-color: rgba(255, 255, 255, 0.8); clip-path:ellipse(50% 100% at 50% 100%); }
.b30th_sec02::after { content:''; display:block; position:absolute; width:calc(100vw + 50px); height:100px; bottom:-100px; transform:translateX(-25px); background-color: rgba(255, 255, 255, 0.8); -webkit-mask-image:radial-gradient(ellipse 50% 100% at 50% 100%, transparent 100%, black 100.5%); mask-image: radial-gradient(ellipse 50% 100% at 50% 100%, transparent 100%, black 100.5%); -webkit-mask-composite: source-in; mask-composite:intersect; }

.b30th_sec02 h2 { font-family:"Love Ya Like A Sister", sans-serif; font-size:32px; font-weight:400; color:#C9161C; text-align:center; padding:30px 0; }
.b30th_sec02 .box_movie { max-width:834px; margin:40px auto 0; }
.b30th_sec02 .box_movie iframe { width:100%; border-radius:15px; }

@media (orientation: landscape) {
/*
	.box_footer {  bottom:calc(10vh + 80px); }
  .b30th_sec02 { margin-top:min(0px, calc(-40vh + 20vw)); }
	*/
}
@media screen and (max-width: 768px), (orientation: portrait) {
	.page_beisia30th .sec_box.b30th_sec02 { padding-top:0; padding-bottom:12vw; margin-top:min(0px, calc(-27vh + 20vw)); }	
	.b30th_sec02::before { height:60px; top:-60px; }
	.b30th_sec02::after { height:60px; bottom:-60px; }
	.b30th_sec02 h2 { margin-top:0; padding:0; font-size:6vw; }

	.b30th_sec02 .box_movie { width:calc(100vw - 40px); }
	.b30th_sec02 .box_movie iframe { aspect-ratio: 335 / 188; height:auto; border-radius:10px; }
}


/* history */
.b30th_sec03 { background:rgb(139,0,5,0.3); padding:80px 0 240px; margin-top:100px; position:relative; z-index:1; }
.b30th_sec03::before { content:''; display:block; position:absolute; width:calc(100vw + 50px); height:100px; top:-100px; transform:translateX(-25px); background-color: rgb(139,0,5,0.3); clip-path:ellipse(50% 100% at 50% 100%); }
.b30th_sec03::after { content:''; display:block; position:absolute; width:calc(100vw + 50px); height:100px; bottom:-100px; transform:translateX(-25px); background-color: rgb(139,0,5,0.3); -webkit-mask-image:radial-gradient(ellipse 50% 100% at 50% 100%, transparent 100%, black 100.5%); mask-image: radial-gradient(ellipse 50% 100% at 50% 100%, transparent 100%, black 100.5%); -webkit-mask-composite: source-in; mask-composite:intersect; }
.b30th_sec03 h2 { font-family: "Roboto", sans-serif; font-size:64px; font-weight:600; color:#FFEBC4; text-align:center; padding:30px 0; }
.b30th_sec03 p.lead { font-size:18px; font-weight:600; color:#FFF; text-align:center; line-height:2; margin:40px auto 0; text-align:center; }
.b30th_sec03 .box_comingsoon { margin:120px auto 0; position:relative; overflow:hidden; height:200px; }
.b30th_sec03 .box_comingsoon::before { content:''; display:block; position:absolute; left:50%; transform:translateX(-50%);width:170px; height:155px; background:url('../img/beisia30th/bg_comingsoon.svg') no-repeat 50% 50%; background-size:contain; opacity:0.9; }
.b30th_sec03 .box_comingsoon span { display:block; font-family:"Love Ya Like A Sister", sans-serif; font-size:78px; font-weight:400; color:#FFF; text-align:center; opacity:0.8; transform:rotate(-10deg); }

@media screen and (max-width: 768px), (orientation: portrait) {
	.page_beisia30th .sec_box.b30th_sec03 { padding-top:0; padding-bottom:20vw; margin-top:60px; margin-bottom:0; }	
	.b30th_sec03::before { height:60px; top:-60px; }
	.b30th_sec03::after { height:60px; bottom:-60px; }
	.b30th_sec03 h2 { font-size:min(54px,10.6vw); padding:0; }
	.b30th_sec03 .lead { font-size:3.73vw; font-weight:500; }
	.b30th_sec03 .box_comingsoon { margin:19vw auto; height:30vw; display:flex; justify-content:center; align-items:center; }
	.b30th_sec03 .box_comingsoon::before { width:33vw; aspect-ratio:170/155; height:auto; }
	.b30th_sec03 .box_comingsoon span { font-size:13.8vw; white-space:nowrap; transform:rotate(-5deg); }
}

/* beib */
.b30th_sec04 { background:rgba(255, 255, 255, 0.8); height:100px; position:relative; margin-top:100px; }
.b30th_sec04::before { content:''; display:block; position:absolute; width:calc(100vw + 50px); height:100px; top:-100px; transform:translateX(-25px); background-color: rgba(255, 255, 255, 0.8); clip-path:ellipse(50% 100% at 50% 100%); }
.b30th_sec04 .bnr_beib { height:140px; position:absolute; height:140px; bottom:0; left:50%; transform: translateX(-50%); z-index:2; }
.b30th_sec04 .bnr_beib a { display:block; width:700px; height:360px; margin:0 auto; position:absolute; left:50%; bottom:-220px; transform:translateX(-50%); overflow:hidden; transition:all 0.25s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s; }
.b30th_sec04 .bnr_beib a .img_meet { display:block; width:217px; height:217px; background:url('../img/beisia30th/img_meetbeib.png') no-repeat 50% 50%; background-size:contain; position:absolute; left:0; top:25px; opacity:0; transition:all 0.5s ease-in-out 1.5s; }
.b30th_sec04 .bnr_beib a .img_beib { display:block; width:400px; height:370px; background:url('../img/beisia30th/img_beib.svg') no-repeat 50% 0%; background-size:cover; position:absolute; left:150px; top:0; }
.b30th_sec04 .bnr_beib a .img_beib::before { content:''; display:inline-block; width:30px; aspect-ratio:30/110; background:url('../img/beisia30th/beib_hi.svg') no-repeat 50% 50%; background-size:contain; position:absolute; top:40px; right:55px; opacity:0; transition:all 0.125s ease-in-out 0.75s; }
.b30th_sec04 .bnr_beib a strong { display:block; text-indent:-9999px; }
.b30th_sec04 .bnr_beib a small { display:block; width:212px; height:30px; background:url('../img/beisia30th/info_beib.png') no-repeat 50% 50%; background-size:contain; position:absolute; right:0; bottom:30px; text-indent:-9999px; opacity:0; transition:all 0.25s ease-in-out 0.25s; }

.b30th_sec04.is-active .bnr_beib a { bottom:-15px; }
.b30th_sec04.is-active .bnr_beib a .img_meet { opacity:1; }
.b30th_sec04.is-active .bnr_beib a .img_beib::before { top:20px; opacity:1; }
.b30th_sec04.is-active .bnr_beib a small { opacity:1; }

@media screen and (max-width: 768px), (orientation: portrait) {
	.b30th_sec04 { height:10vw; margin-top:60px; overflow:visible; }
	.b30th_sec04::before { height:60px; top:-60px; }
	.b30th_sec04 .bnr_beib { left:0; transform:translateX(0); }
	.b30th_sec04 .bnr_beib a { width:84vw; max-width:700px; height:auto; aspect-ratio:35/18; left:0; transform:translateX(0); bottom:-28vw; }
	.b30th_sec04 .bnr_beib a .img_meet { width:41vw; height:auto; aspect-ratio:1/1; top:-16vw; left:8vw; }
	.b30th_sec04 .bnr_beib a .img_beib { width:43.7vw; height:auto; aspect-ratio:40/37; background-image:url('../img/beisia30th/img_beib_sp.svg'); left:39vw; }
	.b30th_sec04 .bnr_beib a .img_beib::before { top:-4vw; right:5vw; width:5vw; }
	.b30th_sec04 .bnr_beib a small { width:45.8vw; aspect-ratio:172/26; background-image:url('../img/beisia30th/info_beib_sp.png'); left:0; bottom:10vw; }

	.b30th_sec04.is-active .bnr_beib a { bottom:-7vw; overflow:visible; }
	.b30th_sec04.is-active .bnr_beib a .img_beib::before { top:-8vw; opacity:1; }
}


/* footer */
#footer { position:relative; z-index:100; }
.footer_copy { padding:12px 0; margin:0; font-size:12px; color:#666; text-align:center; border-top:1px solid #FFF; background:#FFF; }
.footer_copy span { padding-left:16px; }


@media screen and (min-width: 768px) and (max-width: 1200px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {

}