@charset "UTF-8";
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*index: 2026-title*/
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;700&display=swap');

.title-area section{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	min-height: 250px;
}
.title-area section .title-text{
	width: 40%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 5%;
	box-sizing: border-box;
}
.title-area section .title-text h1{
	color: #006953;
	font-size: 1.75rem;
	font-weight: bold;
	font-family: "Zen Kaku Gothic New", sans-serif;
}
.title-area section .title-text h1 .small{
	display: block;
	font-size: 15px;
}
.title-area section .title-img{
	width: 60%;
	background-image: url(../img/title/title-img.jpg);
	background-size: cover;
	background-position: center;
}
.title-area .line{
	width: 100%;
	height: 20px;
	background: linear-gradient(90deg, #008a45, #84be3f);
}

@media only screen and (max-width: 750px) {
	.title-area section .title-img{
		width: 100%;
		order: 1;
		aspect-ratio: 3 / 1;
	}
	.title-area section .title-text{
		width: 100%;
		order: 2;
	}
	.title-area section .title-text h1{
		width: 100%;
		text-align: center;
		font-size: 1.2rem;
	}
	.title-area section .title-text h1 .small{
		font-size: 13px;
	}
}





.title-area section .title-img.about{
	background-image: url(../img/title/title-img-about.jpg);
}