/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 15 2025 | 04:11:13 */
.guest-section {
	position: relative;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
}
.guest-container {
    display: flex;         
    gap: 36px;          
    flex-wrap: wrap;     
    justify-content: left; 
}
.guest-card {
	width: 170px;
	overflow: hidden;
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
}
.guest-image {
	width: 164px;
	height: 164px;
	object-fit: cover;
	transition: transform 0.3s ease, filter 0.3s ease;
	cursor: pointer;
	border-radius:50%;
	border: solid #c41515 3px;
}
.guest-image:hover {
	transform: scale(0.98); 
	filter: brightness(0.8);  
}
/* 名前 */
.guest-card h1 {
	font-weight: 600;
	font-size: 20px;
	color: #c41515;
	line-height: 20px;
	margin: 0;
	margin-top: 8px;
}
/* 肩書き */
.guest-card h2 {
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	margin-top: 12px;
}
/* and more */
.guest-card h3 {
	font-weight: 600;
	font-size: 18px;
	line-height: 1.2;
	margin: 0;
	margin-top: 150px;
	font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 767px) {
    .guest-container {
        justify-content: flex-start;
        gap: 16px; 
    }

    .guest-card {
        width: calc((100% - 32px) / 3); 
    }

    .guest-image {
        /* カードの幅に合わせて画像も伸縮するように100%に設定 */
        width: 100%; 
        height: auto; /* width: 100% に合わせて高さを自動調整 */
        aspect-ratio: 1 / 1; /* 正方形を維持 */
    }

    .guest-card h1 {
        font-size: 16px;
        line-height: 1.2;
        margin-top: 6px;
    }

    .guest-card h2 {
        font-size: 12px;
        line-height: 1.2;
        margin-top: 8px;
    }

    .guest-card h3 {
        margin-top: 50px; 
        font-size: 14px;
    }
}