@charset "UTF-8";

.video{
	position: relative;
  height: 90%;
  width: 100%;
	z-index: -1;
}
.video video{
  object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.catch-copy {
	display: grid;
  place-content: center;
	margin: 0 10px;
	padding-bottom: 33vh;
	font-size: 4.5vw;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 1.2;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 1.6;
}

.slide-in-menu-inner ul.navbar-nav li a .pc-mv-only-br{
	display: none;
}

/* 中デバイス（タブレット, 768px 以上）
============================================== */
@media screen and (min-width: 768px) {
	.navbar-expand-md .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row;
	}
	#Navbar ul li{
		background-color: #fff;
		border-radius: 50%;
		display: table;
		margin: 0 25px;
	}

	#Navbar ul li:last-child{
		margin-right: 0;
	}

	#Navbar ul li a{
		text-align: center;
		font-weight: bold;
		width: 100px;
		height: 100px;
		margin: 0 auto;
		display: table-cell;
		vertical-align: middle;
		line-height: 1.36rem;
	}

	#Navbar ul li a.pc-mv-only{
		line-height: 1;
	}
}




/* 中デバイス（タブレット, 768px 未満）
============================================== */
@media screen and (max-width: 767.98px) {
	h2 { font-size: 1.2rem !important; }
	.logo {
		width: 75%;
		margin-top: 40px;
	}
	.balloon, .balloon-s {
		width: 120px;
		height: 120px;
		top: -60px;
		left: 4px;
		font-size: 14px;
	}
	.catch-copy {
    /* font-size: 1.8rem !important; */
		padding-bottom: 25vh;
	}
	
	#Navbar ul li a{
		font-weight: bold;
		color: #fff !important;
	}
	#Navbar ul li a .pc-mv-only-br,
	.slide-in-menu-inner ul.navbar-nav li a .pc-mv-only-br{
		display: none;
	}
}/* END */

/* @media screen and (min-width: 891px) {
	.slide-in-menu-inner ul.navbar-nav li .pc-mv-only-br{
		display: none;
	}
}  
@media screen and (min-width:768px) and ( max-width:890px) {
	.slide-in-menu ul li {
		display: block;
	}
	.slide-in-menu ul li a {
		height: 100%;
		text-align: left;
		
	}
} */

/* 極小デバイス（縦向きモバイル, 576px 以上）
============================================== */
@media screen and (min-width: 576px) {

}/* END */


/* 極小デバイス（縦向きモバイル, 576px 未満）
============================================== */
@media screen and (max-width: 575.98px) {
	.catch-copy {
		font-size: 6.5vw;
	}
}
/* END */


/* utility */
.mv-only-sp{
	display: none;
}
.mv-only-pc{
	display: block;
}

@media (max-width: 768px) {
	.mv-only-sp{
		display: block;
	}
	.mv-only-pc{
		display: none;
	}
}