@charset "UTF-8";
/* /////////////////////////////////////////////// */

/* 2025リニューアル追加CSS */

/* /////////////////////////////////////////////// */

.is-root-container .fv-slider{
	position: relative;
}
.is-root-container .fv-text-wrap{
	position: absolute;
	top:10%;
	left:10%;
	width: 100%;
	max-width: 615px;
	color: #fff;
}
.is-root-container .fv-text-wrap h1{
	font-size: 190px;
	font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 0.4;
  margin-bottom: 20px;
}
.is-root-container .fv-text-wrap h2{
	font-size: 60px;
	text-align: left;
	font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  line-height: 1;
  margin-bottom: 0;
}
.is-root-container .fv-text-wrap h2 span{
	display: block;
	font-size: 40px;
	font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  line-height: 1.5;
}
.is-root-container .fv-text-wrap h2:after{
	display: none;
}
.is-root-container .fv-text-wrap p{
	font-size: 24px;
	border-bottom:1px solid #fff;
}
.is-root-container .fv-text-wrap a{
	display: block;
	border:1px solid #fff;
	padding:10px 20px;
	text-align: center;
	color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-top: 10px;
  transition-duration: .4s;
}
.is-root-container .fv-text-wrap a:after{
background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
.is-root-container .fv-text-wrap a:hover{
	color:#00478B;
}
.is-root-container .fv-text-wrap a:hover::after {
  transform: scale(1, 1);
}

.is-root-container .fv-slider .next_oc{
	position:relative;
	right:0;
	top:-100px;
	display: block;
	background:#00478B;
	color: #fff;
	text-decoration: none;
	width:300px;
	border-top: 20px solid #fff;
	border-left:20px solid #fff;
	padding: 30px;
	margin-left: auto;
	font-size: 24px;
}
.is-root-container .fv-slider .next_oc strong,
.is-root-container .fv-slider .next_oc span{
	display: block;
}
.is-root-container .fv-slider .next_oc span.oc_day{
	font-weight: bold;
}
.is-root-container .fv-slider .next_oc span.oc_more{
	font-size: 16px;
}




@media screen and ( max-width:980px) 
{
	.is-root-container .fv-text-wrap{
		max-width: max-content;
	}
	.is-root-container .fv-text-wrap h1{
		font-size:20vw;
	}
	.is-root-container .fv-text-wrap h2{
		font-size: 5vw;
	}
	.is-root-container .fv-text-wrap h2 span{
		font-size:5vw;
	}
	.is-root-container .fv-text-wrap p{
		font-size: 3vw;
	}
}