.cost-banner .cost-content__wrap.cost-banner img {
max-width: 100%;
width: 100%;
}

.popup {
  display: flex;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0s 0.3s;
    position: absolute;
    top: 0;
}
.popup._active {
position: fixed;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 100;
opacity: 1;
visibility: visible;
  transition: opacity 0.3s ease, visibility 0s; /* visibilityを即時変更 */
}

.popup .popup-wrap {
    position: relative;
    max-width: 560px;
    width: fit-content;
}
.popup .popup-close {
    width: 36px;
    aspect-ratio: 1/1;
position: absolute;
top: 50px;
right: 0px;
}
.popup .popup-close::before,
.popup .popup-close::after {
content: "";
width: 36px;
height: 4px;
display: block;
background-color: #fff;
position: absolute;
top: 48%;
left: 0;
transform: rotate(45deg);
}

.popup .popup-close::after {
transform: rotate(-45deg);


}

.popup._active::after {
content: "";
width: 100%;
height: 100%;
display:block;
background-color: #000;
opacity: .5;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}

@media (max-width: 760px){

}