@charset "utf-8";
/* Hero Section */
.hero {
	margin-top: 80px;
	width: 100%;
	height: 80vh;
	position: relative;
	overflow: hidden;
}

.slideshow {
	width: 100%;
	height: 100%;
	position: relative;
}

.slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 1s ease;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.slide.active {
	opacity: 1;
}

/* Content Sections */
.content-section {
	padding: 4rem 2rem;
	max-width: 1300px;
	margin: 0 auto;
	line-height: 1.5;
}
.content-section p {
	line-height: 1.5;
}

.welcome {
	text-align: center;
	
}

.welcome h2 {
	color: #7d9682;
	font-size: 2rem;
	margin-bottom: 1rem;
}

.welcome p {
	color: var(--dark);
	font-size: 1.1rem;
	line-height: 2;
	max-width: 90%;
	margin: 0 auto;
}


.subvisual ul {
    display: flex;
    justify-content: space-between; /* 均等配置 */
    list-style: none; /* デフォルトのリストスタイルを無効化 */
    padding: 2% 7%;
    margin: 3% 0 ;
	gap: 1%;
	background-color: #D7E1D7;
}

.subvisual ul li {
    flex: 1; /* 各要素が均等に広がるように設定 */
    text-align: center; /* 画像を中央配置 */
}

.subvisual ul li img {
    width: 90%; /* 画像の幅を調整（必要に応じて変更） */
    height: auto;
}
.announcements {
	padding: 3rem;
	border-radius: 10px;
}

.announcements h3 {
	font-size: 1.5rem;
	margin-bottom: 1.5rem;
	border-bottom: 2px solid #e6735c;
	display: inline-block;
	color: #7d9682;
}

.announcement-item {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 2px dashed #e6735c;
}

.announcement-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.announcement-item h4 {
	color: #7d9682;
	margin-bottom: 0.5rem;
}

.announcement-item p {
	color: var(--dark);
	line-height: 1.5;
}

.announcement-date {
	font-size: 0.9rem;
	color: #7d9682;
	margin-bottom: 0.3rem;
}
/* Responsive Styles */
@media (max-width: 768px) {
	
	.hero {
		height: 60vh;
	}

	.content-section {
		padding: 3rem 1.5rem;
	}

	.welcome h2 {
		font-size: 2rem;
	}
}
@media (max-width: 500px) {
    .content-section {
        padding: 0 0.5rem 1rem;
    }
	.welcome p {
		max-width: 100%;
	}
}