@charset "utf-8";


/* ===== pop-up founder ===== */
.open-popup-btn{padding: 24px 40px; background-color:#00F; color:#FFF; border:none; border-radius:6px; cursor:pointer; font-size:24px;display:block; margin:0 auto;}
.open-popup-btn{hover:background-color:#09F;}
.popup-overlay {display:none; position:fixed; inset:0; background: rgba(0,0,0,0.55);z-index:9999;align-items:center; justify-content: center; padding: 24px;}
.popup{position:relative; background: white; color:#222; width:100%; max-width: 700px; max-height:90vh; overflow-y:auto;border-radius:32px;box-shadow:0 10px 40px rgba (0,0,0,0.25);}
.popup-overlay.active{display:flex;}
.close-popup-btn {position:absolute; top:12px;right:16px;background:none;border:none;font-size:32px;line-height:1; cursor:pointer; color:#333;}
.close-popup-btn:hover {color:#000;}
.popup-content {display:flex; gap:24px;align-items:flex-start;}
.popup-text {flex:1;padding-left:20px; padding-right:10px;}
.popup-image {width: 220px;max-width:100%;border-radius:8px;object-fit:cover;}


@media only screen and (max-width: 600px) {
.open-popup-btn{padding: 12px 20px; background-color:#00F; color:#FFF; border:none; border-radius:6px; cursor:pointer; font-size:14px;display:block; margin:0 auto;}
.popup-overlay{align-items:flex-start;justify-content:flex-start;padding:0;}
.popup {width:100%;height:100vh;max-width:none;max-height:none;border-radius:0;padding: 56px 20px 24px;}
.popup-content {flex-direction:column;}
.popup-text {font-size:12px;}
.popup-image {width:100%;}
.close-popup-btn {top:16px; right:20px;}
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
.open-popup-btn{padding: 12px 20px; background-color:#00F; color:#FFF; border:none; border-radius:6px; cursor:pointer; font-size:16px;display:block; margin:0 auto;}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
.open-popup-btn{padding: 12px 20px; background-color:#00F; color:#FFF; border:none; border-radius:6px; cursor:pointer; font-size:14px;display:block; margin:0 auto;}
}