@charset "utf-8";

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

Name: index.css

Description: index

Create: 2026.10.02
Update: 

Copyright 2026 Hitachi, Ltd.


***************************************************** */
#BrandingTitleArea{
	background-color: var(--color-gray1);
	text-align: center;
	padding-block: 60px;
	margin-inline: -15px;
	margin-bottom: 80px;

	.AemTextH1{
		line-height: normal;
	}

	h1{
		margin-inline: 15px;
	}
}

#SpecialistList{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;

	li{
		width: calc((100% - 75px) / 4);
		margin-right: 25px;
	}

	li:nth-child(4n){
		margin-right:0;
	}

	img{
		width: 100%;
	}

	.SpecialistPickUpPhoto a:hover img{
		opacity: .7;
	}

	.SpecialistContent{
		padding: 20px 8px;
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 994px) {
	#SpecialistList{
		li{
			width: calc((100% - 50px) / 3);
			margin-right: 25px;
		}

		li:nth-child(4n){
			margin-right:25px;
		}

		li:nth-child(3n){
			margin-right:0;
		}
	}
}
@media screen and (max-width: 767px) {
	#SpecialistList{
		li{
			width: calc((100% - 25px) / 2);
			margin-right: 25px;
		}

		li:nth-child(3n){
			margin-right:25px;
		}
		
		li:nth-child(2n){
			margin-right:0;
		}
	}
}
@media screen and (max-width: 579px) {
	#SpecialistList{
		li{
			width: 100%;
			margin-right: 0px;
		}

		li:nth-child(2n){
			margin-right:0px;
		}
	}
}