@charset "utf-8";

/* ヒーロー（スライダー） */
.hero{
	position:relative;
	width:100vw;
	margin-left:calc(50% - 50vw);
	height:100vh;
	height:100svh;
	min-height:100vh;
	min-height:100svh;
	overflow:hidden;
}

.hero img{
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.scroll-indicator{
	position:absolute;
	bottom:40px;
	left:50%;
	transform:translateX(-50%);
	font-size:10px;
	letter-spacing:0.3em;
	color:rgba(255,255,255,0.85);
	opacity:0.8;
	text-align:center;
}
.scroll-indicator::after{
	content:"↓";
	display:block;
	font-size:14px;
	margin-top:5px;
	animation:scrollArrow 1.8s infinite;
}

@keyframes scrollArrow{
	0%{transform:translateY(0);}
	50%{transform:translateY(6px);}
	100%{transform:translateY(0);}
}

.h-title { 
	font-size: 4rem; margin: 0; letter-spacing: 0.2em; font-weight: 400; 
	text-shadow: 0 0 20px rgba(0,0,0,0.3);
	line-height: 1.2; 
}

/* スライダーボタン */
.slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	opacity: 0;
	transform: scale(1.05);
	transition: transform 6s linear, opacity 2s ease;
}

.slide.active{
	opacity:1;
	transform:scale(1);
}

.slider-btn {
z-index: 50;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.slider-btn img {
  width: 36px;
  height: auto;
  opacity: 0.8;
  transition: opacity 0.3s ease;
}
.slider-btn:hover img {
  opacity: 1;
}

.slider-btn.prev { left: 24px; }
.slider-btn.next { right: 24px; }

/* コンテンツ */
.home .bg{
	position:relative;
	z-index:2;
}
.home .content{
	position:relative;
	z-index:2;
}
.home #news{
	position:relative;
	z-index:2;
	padding:40px 0;
	box-shadow:0 -30px 60px rgba(0,0,0,0.08);
}

body.home .news-list {
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	border-top: none;
}

body.home .news-list li:first-child {
	border-top: 1px solid #d8d2c8;
}